前端怎么在响应头和请求头⾥⾯拿数据?
今天碰到⼀个⽐较困难的问题,对于前端⼩⽩来说⼀脸懵逼。问题就是怎么在响应头⾥⾯获取token,对于token想必⼤家都不陌⽣,但是到
接下来就是vue中的axios怎么从响应头⾥⾯获取token还是头⼀次。之前token都是后端返回给前端,听到这个需求之后,⼼中万马奔腾。接下来就是
响应头⾥⾯拿token:
sponse.use( response => {  //axios
if (response.status === 200) {  //响应成功后
if(response.headers['Authorization']){  //获取响应头⾥⾯的数据,**Authorization根据你响应头⾥⾯的数据获取,并不是唯⼀值**
downLoad(response.data,response.headers['Authorization'].split(';')[1].split('=')[1]);
}
solve(response);
} else {
ject(response);
}
}, error => {  //报错后的处理,这⾥不是重点,记住我
// 服务器状态码不是200的情况
if (sponse.status) {
switch (sponse.status) {
case 401:
<({
title: '错误',
message: '登录过期,请重新登录'
});
// 清除token
storemit('loginSuccess', null);
setTimeout(() => {
path: '/login',
query: {
redirect: router.currentRoute.fullPath
}
});
}, 1000);
break;
case 404:
<({
title: '错误',
message: '⽹络请求不存在',
});
break;
case 504:
<({
title: '错误',
message: '服务器内部异常',
});
break;
// 其他错误,直接抛出错误
default:
<({
title: '错误',
message: ssage
});
}
sponse);
}
});
每天改⼀个bug,成长⼀⼤步