token怎么存入vue拦截器中
时间: 2023-05-24 12:02:46 浏览: 121
vue生成token并保存到本地存储中
A: 在Vue拦截器中,可以将token存储在请求头中或者在请求参数中。这里简单介绍一下两种存储方式的实现方法:
1. 将token存储在请求头中:
在Vue的拦截器中,可以通过修改请求头中的Authorization字段来携带token。实现代码如下:
```
axios.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.headers.common['Authorization'] = `Bearer ${token}`;
}
return config;
},
error => {
return Promise.reject(error);
}
);
```
在上述代码中,我们通过localStorage获取存储在本地的token,然后将其添加到请求头的Authorization字段中。
2. 将token存储在请求参数中:
如果你的后端接口需要在请求参数中携带token,则可以在拦截器中将token添加到请求参数中。实现代码如下:
```
axios.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.params['token'] = token;
}
return config;
},
error => {
return Promise.reject(error);
}
);
```
在上述代码中,我们通过localStorage获取存储在本地的token,然后将其添加到请求参数中。
总的来说,无论是将token存储在请求头中还是请求参数中都是可以的,具体实现方式可以根据后端接口的要求而定。
阅读全文