vue axios拦截器常用之重复请求取消
Posted wangmj518
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue axios拦截器常用之重复请求取消相关的知识,希望对你有一定的参考价值。
引言
上一篇介绍了axios的简单封装,知道了axios拦截器的应用场景和方法,今天来看一下对于响应时间过长且请求次数过高的情况拦截器如何处理。
取消请求的方法
Axios使用内部提供的CancelToken来取消请求
官网示例1:用CancelToken.source工厂方法创建 cancel token,像这样
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
官网示例2:通过传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
可以看到上面都是在单个请求中创建的 cancel token 实际工作中我们需要对所有的请求都进行处理,接下来我们看下如何在拦截器实现取消请求的功能
拦截器中取消重复请求
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
|
结语
以上就是对重复请求的处理,如果对拦截器不清楚的可以看下上篇文章,有问题欢迎大家提出指正,我会在第一时间更新。
以上是关于vue axios拦截器常用之重复请求取消的主要内容,如果未能解决你的问题,请参考以下文章