import axios from "axios";
import router from "@/router";
import Vue from "vue";
import loading from "@/components/loading";
Vue.use(loading);
const instance = axios.create({
baseURL: "https://api.it120.cc/small4",
timeout: 5000,
});
instance.interceptors.request.use(
(config) => {
config.headers.Authorization = localStorage.getItem("token");
//给请求的头信息 配置一个Authorization
//(这个名字是根据后端给的接口文档定一般叫这个又的时候也叫token)字段是我们的token
Vue.$loading.show();
return config;
},
(err) => {
Promise.reject(err);
}
);
//请求拦截 请求拦截的成功和失败的回调函数
instance.interceptors.response.use(
(res) => {
// if (res.msg == "无效token") router.push("/login");
// if (res.code == 404) router.push("/notfount");
//这里的错误编码字典不是固定的需要后端给我们的数据判断
Vue.$loading.hide();
return res;
},
(err) => {
Promise.reject(err);
}
);
//相应拦截的成功和失败
export default instance;
axios简单封装
最新推荐文章于 2023-11-25 09:00:00 发布