封装axios
- 访问路径时需要携带token内容,我们可以通过封装axios,设置请求拦截,达到所有路径请求成功之后携带token的效果。
- 当token过期或者错误时,我们可以通过封装axios,设置响应拦截,移除token的值,跳转到登录页面。
import axios from 'axios'
import router from '../router';
axios.interceptors.request.use((config:any)=>{
if(localStorage.token){
config.headers.Authorization = localStorage.token;
}
return config;
},(error)=>{
return Promise.reject(error);
})
axios.interceptors.response.use(response => {
return response;
},(error)=>{
const {status} = error.response;
if(status === 401){
localStorage.removeItem("token");
router.push("/login")
}
return Promise.reject(error)
})
export default axios;