为什么要取消请求
- 单页切换过程中,取消上个页面的请求。
- token 过期,取消后续的请求。同时重发token过期的所有请求。
实现思路(取消上一个页面的请求)
- 在所有请求之前将请求进行存储,我选择的存储驱动是vuex。
2.定义一个函数存储所有请求,然后在axios的前置拦截器中调用即可。
3. axios 中的调用,这样每个请求就都能存储起来了。
4.最后一步就是每次进入页面之前,把上一个页面的请求全部取消掉。当然有时要排除特殊的请求。这一部分当然是在路由前置拦截器调用封装的函数。
调用取消的函数
实现思路(刷新token重发上次请求)
1.可以在控制台将response.config 打印,其实这就是你上一次请求的配置,所以重发就很简单,只需要一句话就好了
尾巴
其实很多事情都很简单,理清楚思路很重要。做对容易,做好不易。
本文暂时没有评论,来添加一个吧(●'◡'●)