// axios 拦截器
var instance = axios.create({
baseURL: "", // api的base_url
// baseURL: "http://localhost:8080", // api的base_url
timeout: 60000 // 请求超时时间
})
// request拦截器
instance.interceptors.request.use(
config => {
config.headers['X-Token'] = Cookies.get("Admin-Token") // 让每个请求携带自定义token 请根据实际情况自行修改
return config
},
error => {
console.log(error) // for debug
Promise.reject(error)
})
// respone拦截器
instance.interceptors.response.use(
response => {
const res = response.data
if(res.status !== 0) { // 本后台只有status为0时是成功;根据自己的情况自己写逻辑
/* 注释的为element-ui 的Message
myVueObj.$message({
message: res.msg,
type: 'error',
duration: 5 * 1000
})
*/
return Promise.reject('error')
} else {
return response.data
}
},
error => {
console.log('err' + error) // for debug
if(error.response.status == 404) {
window.location.reload()
} else {
/*注释的为element-ui 的Message
myVueObj.$message({
message: '系统异常,请联系管理员!',
type: 'error',
duration: 5 * 1000
})
*/
}
return Promise.reject(error)
}
)
axios 创建全进拦截器
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能 https://github.com/sup...
- Axios 响应拦截器是这样写的: 控台打印结果: 这时候并不能看到服务端返回的错误信息,所以需要修改err为 e...