vue中axios请求时遇到Token请求过期重新获取Token自动发起上次失败请求逻辑
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue

·
axios请求发生错误时,被设置的错误拦截器捕获到之后,带了2个参数,第一个是请求对象,第二个是请求错误对象,请求错误对象中带有请求config,在处理完成Token过期逻辑后,使用请求对象和错误对象中的请求参数,再次发起请求。
/**
* @description: 响应错误处理
*/
responseInterceptorsCatch: async (axiosInstance: AxiosResponse, error: any) => {
const userStore = useUserStore();
if(error?.response?.status == 401){
// 返回401就通过刷新Token获取信的token,如果刷新Token也过期了就退出
const refreshTokensStatus = await userStore.refreshTokens(null,null);
if(refreshTokensStatus == true){
// 获取最新token之后再重新请求之前的请求
return axiosInstance.request(error.config)
}else{
checkStatus(error?.response?.status, msg, errorMessageMode);
}
}else{
checkStatus(error?.response?.status, msg, errorMessageMode);
}
return Promise.reject(error);
},
};




vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:19 天前 )
9e887079
[skip ci] 11 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
更多推荐
所有评论(0)