开发项目的时候很奇怪,每次在我重启后端后,前端刷新就会退回登陆页面,这很正常,因为token失效了,但是,当我再次登录,然后进入某个页面仍然会弹出,但是刷新页面再登录就不会了,应该是token刷新问题,还是用了上次的token
axios封装:
import axios from 'axios';
import { serverUrl } from '@/static/config.json';
// 创建 axios 请求实例
const serviceAxios = axios.create({
baseURL: serverUrl, // 基础请求地址
timeout: 10000, // 请求超时设置
headers: {
"Content-Type": "application/json",
"token": localStorage.getItem('token')
}
});
export default serviceAxios;
然后加上一个拦截器就解决了
import axios from 'axios';
import { serverUrl } from '@/static/config.json';
// 创建 axios 请求实例
const serviceAxios = axios.create({
baseURL: serverUrl, // 基础请求地址
timeout: 10000, // 请求超时设置
headers: {
"Content-Type": "application/json",
"token": localStorage.getItem('token')
}
});
serviceAxios.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.headers['token'] = token;
}
return config;
},
error => {
return Promise.reject(error);
}
);
export default serviceAxios;