vue面试题:axios同时请求多个接口,如果当token过期时,怎么取消后面的请求?

拿铁咖啡2022-03-07 17:22

vue面试题:axios同时请求多个接口,如果当token过期时,怎么取消后面的请求?

答案1:

axios的话可以使用cancelToken来实现。如果是原生的XMLhttprequest的话,需要使用abort()方法实现。

https://juejin.im/post/5d664634f265da03d42fb6dc

答案2:

官网上标准答案:
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.');

以上就是小编为大家整理的《vue面试题:axios同时请求多个接口,如果当token过期时,怎么取消后面的请求?》一文,更多相关信息尽在开课吧IT技术频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营