import axios from "axios";
|
// cookies
|
import {
|
getToken,
|
getUsername,
|
removeToken,
|
removeUsername,
|
} from "@/utils/cookies"; // 这是封装好的方法
|
// ElementUI 单独引入
|
import { ElMessage } from "element-plus";
|
// vue-router
|
import router from "@/router";
|
// 创建实例
|
const instance = axios.create({
|
baseURL: process.env.VUE_APP_API, // 请求地址
|
timeout: 5000, // 超时
|
});
|
|
// 拦截器
|
// 添加请求拦截器
|
instance.interceptors.request.use(
|
function (config) {
|
// 在发送请求之前做些什么
|
// if (getToken()) {
|
config.headers["Authorization"] = getToken(); // 携带token
|
config.headers["X-Access-Token"] = getToken(); // 携带token
|
// }
|
// if (getUsername()) {
|
// config.headers["Username"] = getUsername(); // 携带用户名
|
// }
|
return config;
|
},
|
function (error) {
|
// 对请求错误做些什么
|
return Promise.reject(error);
|
}
|
);
|
// 添加响应拦截器
|
instance.interceptors.response.use(
|
function (response) {
|
// 对响应数据做点什么
|
const data = response.data;
|
if (data.message == null && data.msg == null) data.message = "操作失败";
|
if (data.code !== 0 && data.code !== 200) {
|
ElMessage({
|
message: data.message,
|
type: "error",
|
});
|
return [];//Promise.reject(data);
|
} else {
|
return data;
|
}
|
},
|
function (error) {
|
console.log("err response", error.request.response);
|
const errorData = error.request.response;
|
if (errorData.message) {
|
ElMessage({
|
message: errorData.message,
|
type: "error",
|
});
|
}
|
// token失效自动退出
|
if (error.request.status ==401) {
|
router.replace({
|
name: "Login",
|
});
|
removeToken();
|
removeUsername();
|
}
|
// 对响应错误做点什么
|
return Promise.reject(errorData);
|
}
|
);
|
// 暴露instance
|
export default instance;
|