前言:
我们在用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取消请求的操作。