import axios from 'axios';
|
import Vue from 'vue';
|
import {
|
MessageBox,
|
Message
|
} from 'element-ui';
|
import Loading from './vab';
|
import store from '@/store';
|
import qs from 'qs';
|
import {
|
getStorage,
|
setStorage
|
} from '@/utils/sessionStorage';
|
|
const service = axios.create({
|
baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url process.env.VUE_APP_BASE_API
|
timeout: 50000 // 请求超时时间
|
});
|
//请求
|
service.interceptors.request.use(config => {
|
return config;
|
|
error => {
|
console.log(error);
|
return Promise.reject(error);
|
};
|
});
|
|
// //响应
|
service.interceptors.response.use(
|
response => {
|
const res = response.data;
|
|
if (response.status === 200) {
|
return Promise.resolve(response);
|
} else {
|
Message.error('接口请求错误');
|
|
return Promise.reject(response);
|
}
|
},
|
error => {
|
if (error.response) {
|
switch (error.response.status) {
|
case 401:
|
MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
|
confirmButtonText: '重新登录',
|
cancelButtonText: '取消',
|
type: 'warning'
|
})
|
.then(() => {
|
store.dispatch('user/logout').then(() => {
|
window.location.href = '/';
|
});
|
})
|
.catch(() => {
|
if (!getStorage('accessToken')) {
|
store.dispatch('user/logout').then(() => {
|
window.location.href = '/';
|
});
|
}
|
});
|
break;
|
case 404:
|
Message({
|
message: '很抱歉，资源未找到!',
|
type: 'error'
|
});
|
break;
|
case 500:
|
Message({
|
message: '网络错误，请稍后再试!',
|
type: 'error'
|
});
|
break;
|
case 503:
|
Message({
|
message: '系统错误，请稍后再试!',
|
type: 'error'
|
});
|
break;
|
case 504:
|
Message({
|
message: '网络超时，请稍后再试!',
|
type: 'error'
|
});
|
break;
|
}
|
|
Vue.prototype.$Loading();
|
return Promise.reject(error);
|
}
|
}
|
);
|
|
export default service;
|
