Vue 3 配置 axios 拦截器
axios Vue About 774 words@/http/index.js
默认的validateStatus
是200~300
的为合法的状态码。
import axios from "axios";
import router from "@/router";
axios.defaults.baseURL = '/api/console';
axios.interceptors.request.use((config) => {
let token = localStorage.getItem("token");
if (token) {
config.headers['Authorization'] = `Bearer ${token}`;
}
return config;
})
axios.interceptors.response.use((response) => {
const { data } = response;
return data;
}, (error) => {
if (error.response.status === 401) {
router.push({name: 'Login'});
return Promise.resolve();
}
return Promise.reject(error);
})
export default axios;
interceptors
axios.interceptors.request
:请求发送之前,会应用的拦截器。
axios.interceptors.response
:请求返回之后,会应用的拦截器。
response
会有一个error
的处理方法,对于状态码非200
/300
的请求,会先进入error
方法。
Views: 498 · Posted: 2024-02-20
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...