简单介绍

vue-axios-optimize 是一个基于 axios 的请求优化包，他能帮助我们轻松解决重复触发请求问题、全局请求动画的精准控制、接口数据缓存、无感续签凭证、主动中断请求、超时重发请求、系统最高可并发请求数量控制等问题。

简单示例

取消重复请求

给接口配置新增一个preventDuplicateRequestsType: 'cancel'即可实现重复请求时，取消前面的重复请求

阻止重复请求

给接口配置新增一个preventDuplicateRequestsType: 'prevent'即可实现重复请求时，阻止后面的重复请求

接口数据缓存

给接口配置新增一个cache: true即可实现对接口响应数据进行缓存，有效避免请求，降低资源消耗。接口缓存仅建议在详情页使用，频繁更新数据的地方不建议使用，下图仅为展示缓存功能演示（后面几次切换状态查询无触发请求）

高并发请求（同时最多可请求接口数量）配置 （此配置为全局的配置）

下列示例配置了最大并发量为2，点击按钮，一次性请求5个接口。效果如下: 同时最多2个接口同时进行，其余的得排队等候。

无感续签凭证效果

请求时刚好遇到accessToken过期，系统自动请求刷新Token接口，用户无感知的情况下，系统就完成了续签。

优势

1. 简单配置即可解决重复触发请求的问题，可实现取消前面的重复请求或者阻止后面的重复请求。
2. 能够精准控制请求动画的显示与隐藏，解决双加载动画（页面上多个加载动画）也是十拿九稳。
3. 简单配置即可实现接口数据缓存，有效避免请求，降低资源消耗。
4. 简单配置即可实现高并发请求数量控制，降低服务器压力（会降低用户体验）
5. 无感续签凭证，解决弹窗提示续签凭证的痛点，帮用户悄无声息的续签凭证
6. 实现可主动中断请求，例如AI回答问题期间，用户可中断请求。
7. 实现超时重发请求，可配置重发次数，超时时间等。
8. 实例有abortAllRequests中断所有未响应请求的方法，可在切换页面时调用，避免旧页面的请求可能出现的报错在当前页面提示。