取消请求

使用cancel token取消一个请求。Axios 的cancel token API 是基于被撤销cancelable promises proposal。

可以使用CancelToken.source工厂方法创建一个cancel token，如下所示：

const CancelToken = axios.CancelToken;
const source = CancelToken.source();


axios.get('/user/12345', {
    cancelToken: source.token
}).catch(function (thrown) {
    if (axios.isCancel(thrown)) {
        console.log('Request canceled', thrown.message);
    } else {
      // 处理错误
    }
});


axios.post('/user/12345', {
    name: 'new name'
}, {
    cancelToken: source.token
})

// 取消请求（message 参数是可选的）
source.cancel('Operation canceled by the user.');

也可以通过传递一个executor()函数到 CancelToken 的构造函数来创建一个cancel token：

const CancelToken = axios.CancelToken;
let cancel;

axios.get('/user/12345', {
  cancelToken: new CancelToken(function executor(c) {
    // executor 函数接收一个 cancel 函数作为参数
    cancel = c;
  })
});

// 取消请求
cancel();

注意：可以使用同一个cancel token取消多个请求。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com