• Axios如何取消请求
  • 发布于 2个月前
  • 304 热度
    0 评论

前言:

我们在用Axios做异步请求时,有时因为服务器超时等原因需要对请求进行取消,这里就涉及到Axios取消请求的操作了。对于很多初次接触Axios的人来说,如何做取消操作可能还不是很清楚,我这边写了个简单的示例。

代码

// 堆代码 duidaima.com
// 导入Axios
const axios = require('axios');

// URL
const url = 'http://localhost:9801/account/accountBook/addAccount';

// 创建取消请求的对象
const source = axios.CancelToken.source();

// 发起请求
axios.post(url, {
    id: 'xionger',
    name: '熊二'
}, {
    cancelToken: source.token
})
// 正常返回
.then(result => {
    // 打印返回结果
    console.log(result);
})
// 出现异常
.catch(err => {
    // 打印异常
    console.log(err);
})
// 善后工作
.finally(() => {
    console.log('善后工作');
});

// 若一秒之内请求未返回结果,则取消请求
setTimeout(() => {
    // 取消请求时,会进入对应的catch的回调中
    source.cancel('一秒内未返回结果,取消请求');
}, 1000);

总结:

以上就是Axios取消请求的操作,主要是在setTimeout函数里调用Cancel操作就可以了。好了,以上就是一个简单的Axios取消请求的操作。

用户评论