一.把token设置到请求头中
- 加一个http request拦截器
- 通过
window.localStorage.getItem("accessToken")
来获取token的value - 通过
config.headers.accessToken = token;
将token放到请求头发送给服务器,放在请求头中
// http request拦截器 添加一个请求拦截器
axios.interceptors.request.use(function (config) {
// Do something before request is sent
//window.localStorage.getItem("accessToken") 获取token的value
let token = window.localStorage.getItem("accessToken")
if (token) {
//将token放到请求头发送给服务器,将tokenkey放在请求头中
config.headers.accessToken = token;
//也可以这种写法
// config.headers['accessToken'] = Token;
return config;
}
}, function (error) {
// Do something with request error
return Promise.reject(error);
});
二.总结
axios 全局拦截器 (响应和请求)
// 添加一个请求拦截器
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
// 对响应数据做点什么
return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});