Skip to content
广告位招租

优质广告位诚邀合作

本广告位曝光量正火速攀升,用户触达规模呈爆发式增长!现向品牌开放合作,趁曝光增长红利期,抓紧机会拿下,让您的品牌借势破圈!

--总浏览量(次)
--总计访客(人)

配置说明

请仔细阅读并理解每一个配置项的含义及作用。

使用配置项

配置项类型默认值说明
maxReqNumNumber6最多可并发请求的数量,当同时请求接口数量超过此配置值时,后面的接口将排队等待
cacheNumNumber10最多可缓存的接口数量,当缓存数量超过最多可缓存数量时,将移除最近最少使用的接口缓存数据
showLoadingFunFunction-展示全局加载动画的方法
参数:
- config:请求的配置
- requestingNum:正在请求且需要展示请求加载动画的接口数量(必然大于0)
需在此方法内编写展示加载动画的代码
hideLoadingFunFunction-关闭全局加载动画的方法
参数:
- config:请求的配置
- requestingNum:正在请求且需要展示请求加载动画的接口数量(必然等于0)
需在此方法内编写关闭加载动画的代码
responseResultFunFunction(res) => res响应数据格式化方法,用于简化业务代码中响应数据的使用,解决多层嵌套问题
参数:res 为 axios 响应拦截后未经任何处理的数据
默认返回原始数据
responseTypesStrString"arraybuffer,blob"配置响应类型(responseType)包含在此值内的接口,将直接返回响应数据(如下载文件时返回文件流),多个值以英文逗号隔开
openRefreshBooleanfalse是否开启无感刷新 AccessToken
codeString"code"获取状态码的字段名配置
authorizationKeyString"Authorization"AccessToken 认证在 headers 中使用的字段名称
accessTokenExpirationCodeNumber401AccessToken 过期时的统一且唯一状态码
refreshTokenExpirationCodeNumber403RefreshToken 过期时的统一且唯一状态码
getAuthorizationFunFunction-用于获取最新的请求头认证值,无默认配置,必填
getRefreshTokenFunFunction-返回获取 RefreshToken 的方法,无默认配置,必填
refreshTokenStoreFunction-调用使用 RefreshToken 续签 AccessToken 接口的处理逻辑,参数为 getRefreshTokenFun 返回的 RefreshToken,无默认配置,必填
reloginFunFunction-重新登录的操作逻辑,当接口请求返回 refreshTokenExpirationCode 状态码(默认403)时执行
参数:res 为 axios 响应拦截后未经任何处理的数据

温馨提示

当您的项目没有无感续签凭证的功能时,与无感续签凭证相关的配置无需配置,确保openRefreshfalse

续签token相关部分配置举例

js
  getAuthorizationFun: () => { 
    // useUserStore.gettersAccessToken() 获取accessToken的方法
    return `Bearer ${useUserStore.gettersAccessToken()}`;
  }
js
  getRefreshTokenFun: () => { // 获取refreshToken的方法
    return useUserStore.gettersRefreshToken();
  }
js
  refreshTokenStore: (refreshToken: string) => {
   // 调用刷新AccessToken的方法 并将获取到的数据存储到cookie 且需要将接口返回的数据  resolve(data)
    return useUserStore.refreshTokenFun(refreshToken);
  },

更多配置请继续阅读

请求接口处的配置

接口请求配置项说明表

配置项类型默认值说明
noShowLoadingBooleanfalse配置接口是不开启请求加载动画。设为true时,调用此接口时不会触发请求加载动画
cacheBooleanfalse配置接口是否启用数据缓存。设为true时,相同接口且相同参数的请求不会重复调用接口,直接从缓存获取数据;切勿对表单提交接口配置为true
preventDuplicateRequestsTypeString-重复请求的操作逻辑,可选值为preventcancel:1. prevent:阻止后续的重复请求;2. cancel:取消前面的重复请求;默认判断重复请求的依据为“同请求方式且同请求地址”。
fullPathBoolean-修改判定是否为同一请求的依据。配置为true时,同一请求的判定依据变为“同请求方式且同请求地址且同请求参数”。
showIsCompleteString-配置接口全部响应完成时是否额外返回一个指定字段(字段值固定为true)。示例:配置showIsComplete: "complete",则接口请求完毕时会多返回complete字段且值为true;注意:切记不要覆盖原始返回的字段,尽量配置特殊化名字;使用场景:同时请求多个接口后需进行下一步操作时,可利用此字段判断所有接口是否全部请求完毕。
removeRemainingTasksWhenErrorBoolean-配置接口报错时是否终止后续排队中的接口请求(即正在请求的接口存在报错时,是否清空排队中的接口请求):1. true:需要清空排队中的接口请求;2. false:不清空排队中的接口请求;使用场景:需所有接口请求成功才进行下一步的场景,若有一个接口未成功,其余接口请求无意义,及时终止可减轻服务器压力。
isRefreshTokenBooleanfalse专门用于续签AccessToken的接口配置,需设为true;原因:接口采用排队机制,当请求遇到AccessToken过期时需调用续签接口,若按普通接口排队会排到最后导致流程阻塞,配置为true可开通绿色通道,无需排队直接插队执行(相当于接口中的VIP)。
widthCancelBooleanfalse专为 requestWithRetry 请求方法设计的是否返回取消请求方法的配置
timeoutNumber3000axios原生配置项, requestWithRetry 请求方法时默认时间为 10000,其余方法未设置此配置项也可自行配置

点击阅读原文

微信公众号【爆米花小布】

0%

置顶

置顶