vue登录时被axios拦截token存不进去调不出来接口
时间: 2023-08-15 18:04:26 浏览: 101
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
5星 · 资源好评率100%
这个问题可能是因为在登录时没有正确设置 token,或者在后续的请求中没有正确携带 token,导致后端无法识别当前用户身份。以下是一些可能的解决方法:
1. 确认登录时是否正确设置了 token,可以在登录成功后将 token 存储到本地存储(如 localStorage)中,然后在后续的请求中将 token 从本地存储中读取出来,并添加到请求头中。
2. 确认在使用 axios 发送请求时是否正确设置了请求头,可以使用 axios 的拦截器在每个请求发送前添加请求头,如下所示:
```
axios.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
error => {
return Promise.reject(error);
}
);
```
这段代码会在每个请求发送前从本地存储中读取 token,并将其添加到请求头中。
3. 确认后端是否正确解析请求头中的 token,可以在后端代码中检查是否正确获取了请求头中的 Authorization 字段,并从中解析出 token。
希望这些方法能帮助你解决问题。如果还有其他疑问,可以提供更多的代码和错误信息,我可以帮你进一步分析。
阅读全文