// 响应业务逻辑
API.interceptors.response.use(
function (response) {
// 调用接口的时候直接就拿到了实际数据
return response.data;
},
function (error) {
// Do something with response error
// 401 状态码 error.response是为了排除投后台接口没有响应
if (error.response && error.response.status === 401) {
// 1、清空本地的无效用户信息
store.commit('user/setUser', {})
// 2、跳转到登陆页面
// 3、登陆完之后,还要跳到原来的页面(购物车页面因为没有登陆-->跳到登陆页-->登陆 完成再跳回来)
// 当前路由地址获取:
// 在组件里面:$route.path 弊端: `/user?a=10` $route.path只能拿到'/user'
// 所以有了 $route.full.fullpath 可以拿到 '/user?a=10'
// 在js模块中: router.currentRoute.fullPath 就是当前路由地址----vue2中
// 在vue3中router.currentRoute已经是一个ref声明的响应是数据,所以要 outer.currentRoute.value.fullPath
// 有一个隐患如果地址是这样的'/user?a=10&b=12' &有特殊字符,需要转码要是不转码可能就只能拿到'/user?a=10'
const fullPath = encodeURIComponent(router.currentRoute.value.fullPath)
router('/login?redirectUrl=' + fullPath)
}
return Promise.reject(error);
}
);
encodeURIComponent---转换uri编码,防止解析地址出问题
最新推荐文章于 2024-04-30 16:01:16 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)