vue 根据接口返回的状态码判断（http拦截器）
2021-04-20 07:26
标签：load rom const data blog intercept span error tor 参考文档：https://www.cnblogs.com/duanzhenzhen/p/10663496.html vue 根据接口返回的状态码判断（http拦截器） 标签：load rom const data blog intercept span error tor 原文地址：https://www.cnblogs.com/XUYIYUAN/p/12260726.htmlimport Axios from ‘axios‘
import { Loading, Message } from ‘element-ui‘
// 超时时间
Axios.defaults.timeout = 5000
// http请求拦截器
let loadinginstace
Axios.interceptors.request.use(config => {
// element ui Loading方法
loadinginstace = Loading.service({ fullscreen: true })
return config
}, error => {
loadinginstace.close();
return Promise.reject(error)
})
// http响应拦截器
Axios.interceptors.response.use(data => {
// 响应成功关闭loading
loadinginstace.close();
const code = data.data.code;
if(code == 501) { //未登录
}
return data
}, error => {
loadinginstace.close();
const code = error.data.code;
// 此处判断拦截需要处理的错误状态码并处理
if(code == 502) {
}
return Promise.reject(error)
})