使用须知

vue-axios-optimize 是基于axios惊喜封装的axios请求优化包，支持取消重复请求，然而因axios取消重复请求的使用方法不同版本可能不一致，这边建议vue2用户使用axios@0.27.2版本, vue3用户使用axios@1.3.4版本，其他版本自行测试。

请求动画

需要您自行封装一个全局请求动画，并且可支持显示和隐藏的控制，此包仅会提供一个showLoadingFun配置用于让您开启请求动画，还会提供一个hideLoadingFun配置用于您关闭请求动画。这两个函数均有返回(config, requestingNum),config为该请求的config，requestingNum为当前正在请求的接口数量。

也可参详细阅读，会给您一个请求动画的使用完整实例。

无感续签凭证

如需使用无感续签凭证功能，后端接口需要符合一定要求：

1. AccessToken过期时返回统一且唯一的状态码，统一的意思就是指“所有表示AccessToken过期的响应状态码都得统一”，唯一的意思就是指“这个状态码仅能表示AccessToken过期，不能再表示其他，即其他状况禁止使用此状态码”。

2. RefreshToken过期时返回统一且唯一的状态码，统一与唯一的解释同上。

3. 口响应状态码判断需在响应数据里，而非接口请求的外层status-code的响应状态码。

注意

我们一般不轻易更改上述的status-code，接口请求成功时统一能给统一格式且规范的响应数据，这是我强烈建议的。

4. 需写一个获取最新凭证的方法，用于配置getAuthorizationFun,存在store中，确保实时获取最新凭证

5. 需写一个获取最新刷新凭证的方法，用于配置getRefreshTokenFun,存在store中，确保实时获取最新凭证

6. 需写一个用刷新凭证去换取新的凭证的方法，用于配置refreshTokenStore，获取到的凭证和最新凭证存在store中，确保实时更新最新凭证

7. 获取刷新凭证的接口，一定要配置 isRefreshToken 为 true

vue2项目特别注意

如果您是vue2项目，切记进行如下配置，避免使用后项目运行报错，在vue.config.js文件中做如下配置

module.exports = {  
  // ...
  // 此包有class语法  需要编译
  transpileDependencies: [
    "vue-axios-optimize"
  ]
  // ...
}

点击阅读原文