axios配置
import axios from 'axios'
import { Loading, Message } from 'element-ui';
import store from './store'
let instance = axios.create({
headers: {
'content-type': 'application/x-www-form-urlencoded'
},
withCredentials:true,
timeout: 5000
})
let loading;
function startLoading() { //使用Element loading-start 方法
loading = Loading.service({
lock: true,
text: '拼命加载中...',
})
}
function endLoading() { //使用Element loading-close 方法
loading.close()
}
//请求数据拦截器
instance.interceptors.request.use(request => {
startLoading();
// if (store.state.token) { // 判断是否存在token,如果存在的话,则每个http header都加上token
// config.headers.authorization = store.state.token //请求头加上token
// }
return request
}, err => {
Message.error("请求超时,请稍后重试!")
return Promise.reject(err);
});
//接收响应拦截器
instance.interceptors.response.use(response => {
endLoading();
return response
}, err => {
if (err && err.response) {
switch (err.response.status) {
case 400: err.message = '请求错误(400)'; break;
case 401: this.$router.push('/login'); break;
case 403: err.message = '拒绝访问(403)'; break;
case 404: err.message = '请求出错(404)'; break;
case 408: err.message = '请求超时(408)'; break;
case 500: err.message = '服务器错误(500)'; break;
case 501: err.message = '服务未实现(501)'; break;
case 502: err.message = '网络错误(502)'; break;
case 503: err.message = '服务不可用(503)'; break;
case 504: err.message = '网络超时(504)'; break;
case 505: err.message = 'HTTP版本不受支持(505)'; break;
default: err.message = `连接出错(${err.response.status})!`;
}
} else {
err.message = '连接服务器失败!'
}
Message.error(err.message);
return Promise.reject(err);
});
export default instance