axios cancelToken source 取消接口请求时遇到的坑

问题描述:按照以下axios官方文档说明,使用source.tokenhe source.cancel终止请求时,调用一次source.cancel,会把所有的请求都终止,并且再次发送请求都发不出去了;

axios cancelToken source 取消接口请求时遇到的坑_第1张图片
解决办法:
1.请求拦截器:config里面添加token(注意source=cancelToken.source()注意:每个请求被拦截的时候都新生成一个source;
在这里插入图片描述

2.把刚才添加的source 存储到store的数组中(setCancelToken是存soure,setClearRequests是清空所有的source)
axios cancelToken source 取消接口请求时遇到的坑_第2张图片

3.路由钩子beforeEach中调用source.cancel 管壁上一个页面的所有请求;注意:及时清空store的数组哦;
在这里插入图片描述

你可能感兴趣的:(前端-大杂烩,javascript,前端-VUE)