import axios from "axios";
import { Message, MessageBox, Loading } from "element-ui";
let loading;
function startLoading() { //使用Element loading-start 方法
loading = Loading.service({
lock: true,
text: '拼命加载中...',
background:'rgba(255,255,255,0)',
})
}
function endLoading() { //使用Element loading-close 方法
loading.close()
}
axios.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"; // 创建axios实例
const service = axios.create({
baseURL: "", // api 的 base_url
timeout: 5000 // 请求超时时间5秒
});
// request拦截器
service.interceptors.request.use(
config => {
// if (store.getters.token) {
// config.headers['access_token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
config.headers["Authorization"] = "Bearer bd864add-0891-438a-a6ad-cf68973ab8cd"; // 在请求头加token
// config.headers['Authorization'] = 'Bearer ' // 在请求头加token
// config.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
// }
startLoading();
return config;
},
error => {
// Do something with request error
console.log(error); // for debug
Promise.reject(error);
}
);
// response 拦截器
service.interceptors.response.use(
response => {
endLoading();
// 请求成功 就返回值 默认没有判断
// return response.data
/**
* code为非20000是抛错 可结合自己业务进行修改
*/
const res = response;
if (res.status !== 20000) {
Message({
message: res.message,
type: "error",
duration: 5 * 1000
});
// 50008:非法的token; 50012:其他客户端登录了; 50014:Token 过期了;
if (res.code === 50008 || res.code === 50012 || res.code === 401) {
MessageBox.confirm(
"你已被登出，可以取消继续留在该页面，或者重新登录",
"确定登出",
{
confirmButtonText: "重新登录",
cancelButtonText: "取消",
type: "warning"
}
).then(() => {
// store.dispatch('FedLogOut').then(() => {
// location.reload() // 为了重新实例化vue-router对象 避免bug
// })
});
}
return Promise.reject("error");
} else {
return response.data;
}
},
error => {
console.log("err" + error); // for debug
Message({
message: "接口请求失败",
type: "error"
// duration: 5 * 1000
});
return Promise.reject(error);
// if (error.response) {
// switch (error.response.status) {
// case 401:
// this.$store.commit('del_token')
// router.replace({
// path: '/login',
// query: { redirect: router.currentRoute.fullPath }// 登录成功后跳入浏览的当前页面
// })
// }
// }
// return Promise.reject(error)
}
);
export default service;