问题可能是因为您的Axios拦截器在第一次调用时没有从localStorage中获取到令牌。您可以按照以下步骤进行解决:
axios实例,以便为其添加拦截器。import axios from 'axios';
const instance = axios.create({
// 添加您的axios配置
});
const setAuthToken = () => {
const token = localStorage.getItem('token');
if (token) {
instance.defaults.headers.common['Authorization'] = `Bearer ${token}`;
} else {
delete instance.defaults.headers.common['Authorization'];
}
};
setAuthToken函数。instance.interceptors.request.use(
(config) => {
setAuthToken();
return config;
},
(error) => {
return Promise.reject(error);
}
);
setAuthToken函数,以确保在第一次调用axios之前将令牌设置为请求头。setAuthToken();
通过以上步骤,您的Axios拦截器应该能够在第一次调用时从localStorage中应用令牌。请注意,此示例假设您在localStorage中以token作为键存储了您的令牌,您可以根据自己的需求进行调整。