vue-axios-optimize 3.0.0 → 3.1.0

package/README.md

@@ -1,7 +1,7 @@
 # vue-axios-optimize使用说明
 
 vue-axios-optimize是一个对axios请求优化的vue插件包，引入此包之后，并进行相关配置，即可轻松实现全局请求加载动画，重复请求时取消前面的请求或者阻止后面的请求，并且可实现请求并发数量控制以及接口缓存。
-[可阅读此文章 了解](https://mp.weixin.qq.com/s/fhsYQ96-ui7JS4oG_C3btg)
+[可阅读此文章 了解](https://www.xiaobu.host/vue-axios-optimize)
 
 ## 安装
 
@@ -56,13 +56,13 @@ module.exports = {
   transpileDependencies: [
     "vue-axios-optimize"
   ],
-  	...
+   ...
 }
 ```
 
 ## 总结
 
-如有疑问，可关注微信公众号【爆米花小布】进行咨询。 
+如有疑问，可关注微信公众号【爆米花小布】进行咨询。
 
 ![微信公众号](http://120.76.229.63/static/gongzhonghao_QR_code.png)
 
@@ -71,11 +71,11 @@ module.exports = {
 ![打赏二维码](http://120.76.229.63/static/qr-card.png)
 
 微信公众号【爆米花小布】，抖音号【爆米花小布】  更多好玩的插件
-[vue2-element-dict字典包插件使用文档](https://www.xiaobusoft.com/vue2-element-dict/)
+[vue2-element-dict字典包插件使用文档](https://www.xiaobu.host/vue2-element-dict/)
 
 [vue2-element-dict字典包插件](https://www.npmjs.com/package/vue2-element-dict)
 
-[vue3-element-dict字典包插件使用文档](https://www.xiaobusoft.com/vue3-element-dict/)
+[vue3-element-dict字典包插件使用文档](https://www.xiaobu.host/vue3-element-dict/)
 
 [vue3-element-dict字典包插件](https://www.npmjs.com/package/vue3-element-dict)
 
@@ -85,12 +85,20 @@ module.exports = {
 
 [vue3-van3-dict移动端字典包插件](https://www.npmjs.com/package/vue3-vant3-dict)
 
+[vue3-van4-dict移动端字典包插件](https://www.xiaobu.host/vue3-vant4-dict)
+
 [vue3-water-marker水印插件](https://www.npmjs.com/package/vue3-water-marker)
 
 [vue2-water-marker水印插件](https://www.npmjs.com/package/vue2-water-marker)
 
 ## 更新日志
 
+### 3.1.0
+
+1. 【优化】新增`abortAllRequests`中断所有请求的方法，用于切换路由时调用。
+2. 【优化】新增`utils.js`文件,暴露`createCancelableRequest`,`requestWithRetry`方法，`createCancelableRequest`方法用于实现需要主动中断请求的接口，`requestWithRetry`方法用于实现需要超时重试的接口。
+3. 【提示】`removeCache`这个方法很早就有，这个版本提示下吧  可以用于清除接口缓存的数据。
+
 ### 3.0.0
 
 1. 【优化】无感知续签AccessToken时无需配置多余请求头
@@ -107,7 +115,7 @@ module.exports = {
 
 ### 2.1.0
 
-1. 【优化】新增timeout配置，实现缓存数据时的伪加载时间，从缓存中获取数据时会触发 showLoadingFun， timeout毫秒后会执行hideLoadingFun 
+1. 【优化】新增timeout配置，实现缓存数据时的伪加载时间，从缓存中获取数据时会触发 showLoadingFun， timeout毫秒后会执行hideLoadingFun
 
 ### 2.0.9
 
@@ -135,7 +143,7 @@ module.exports = {
 2. 【功能】无感知刷新token的代码逻辑变更
 3. 【修复】配置高并发请求数量后，取消请求存在取消不了的情况
 4. 【优化】配置接口缓存后，新增可删除接口缓存的功能
-5. 【注意】options配置变化，及接口捕获异常处的逻辑判断 
+5. 【注意】options配置变化，及接口捕获异常处的逻辑判断
 
 ### 2.0.1
 
@@ -143,7 +151,7 @@ module.exports = {
     注意：如下几种情况不建议配置缓存
     1. 表单提交的接口
     2. 数据频繁更新的接口
-    3. 删除数据接口 
+    3. 删除数据接口
 
 ### 2.0.0
 
@@ -179,4 +187,4 @@ module.exports = {
 
 ### 1.0.0
 
-1. 初始版本
+1. 初始版本

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-axios-optimize",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "vue项目对axios请求的优化，实现可配置展示全局加载动画，可配置是否重复请求时取消前面的请求或者阻止后面的请求,已经控制请求并发数量,接口缓存",
   "main": "index.js",
   "scripts": {

package/utils.js

@@ -0,0 +1 @@
+import e from"axios";export function createCancelableRequest(t,a,c,n={},s={}){if(a=a.toLowerCase(),!t||"function"!=typeof t[a])throw new Error(`createCancelableRequest：axiosInstance 不存在 ${a} 方法`);const r=e.CancelToken.source(),o={...s,cancelToken:r.token};return{request:()=>{let e;return["get","delete"].includes(a)?e=t[a](c,n):["post","patch","put"].includes(a)&&(e=t[a](c,n,o)),e},cancel:()=>{if(["get","delete"].includes(a)){const e={url:c,method:a,data:n.data||{},params:n.params||{}};t.abortRequestByConfig(e)}else if(["post","patch","put"].includes(a)){const e={url:c,method:a,data:n,config:e};t.abortRequestByConfig(e)}}}}export function requestWithRetry(t,a,c,n={},s={}){let r,o,l=0,i=null,u=!1,m=!1;["get","delete"].includes(a)?m=n?.widthCancel||m:["post","put","patch"].includes(a)&&(m=s?.widthCancel||!1),i=()=>{u=!0,o()};const d=()=>new Promise((i,p)=>{let h=3e3,C=3,R="请求超时，重试中",f={};if(["get","delete"].includes(a)){h=n?.timeout||3e3,C=n?.maxRetryTimes||3,R=n?.retryMessage||"请求超时，重试中",f={...n,timeout:h,maxRetryTimes:C,currentRetryTimes:l,isManualCancel:u,widthCancel:m};const{request:e,cancel:s}=createCancelableRequest(t,a,c,f);r=e,o=s}else if(["post","put","patch"].includes(a)){h=s?.timeout||3e3,C=s?.maxRetryTimes||3,R=s?.retryMessage||"请求超时，重试中",f={...s,timeout:h,maxRetryTimes:C,currentRetryTimes:l,isManualCancel:u,widthCancel:m};const{request:e,cancel:i}=createCancelableRequest(t,a,c,n,f);r=e,o=i}const y=setTimeout(()=>{o(`请求超时（${h}ms），准备重试`),l++,l<=C&&!u?(console.log(`${R}，当前重试次数：${l}/${C}`),d().then(e=>i(e)).catch(e=>p(e))):p({name:"RetryExhaustedError",message:`请求超时，已重试${l-1}次，${u?"手动":"自动"}停止重试`,retryTimes:l,config:f})},h);r().then(e=>{clearTimeout(y),i(e)}).catch(t=>{clearTimeout(y),"CanceledError"===t?.name&&u?p(t):"ECONNABORTED"===t?.code||e.isCancel(t)||p(t)})}),p=()=>(l=0,u=!1,d());return m?{request:p,cancel:i}:p()}