计算机系统应用教程网站

网站首页 > 技术文章 正文

axios你不知道的几点(三)取消请求以及请求重发

btikc 2024-09-20 15:01:29 技术文章 20 ℃ 0 评论

为什么要取消请求

  1. 单页切换过程中,取消上个页面的请求。
  2. token 过期,取消后续的请求。同时重发token过期的所有请求。

实现思路(取消上一个页面的请求)

  1. 在所有请求之前将请求进行存储,我选择的存储驱动是vuex。

2.定义一个函数存储所有请求,然后在axios的前置拦截器中调用即可。

3. axios 中的调用,这样每个请求就都能存储起来了。

4.最后一步就是每次进入页面之前,把上一个页面的请求全部取消掉。当然有时要排除特殊的请求。这一部分当然是在路由前置拦截器调用封装的函数。

调用取消的函数

实现思路(刷新token重发上次请求)

1.可以在控制台将response.config 打印,其实这就是你上一次请求的配置,所以重发就很简单,只需要一句话就好了

尾巴

其实很多事情都很简单,理清楚思路很重要。做对容易,做好不易。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表