美文网首页
vue2 axios 响应拦截器,状态码判断

vue2 axios 响应拦截器,状态码判断

作者: 犹豫大王 | 来源:发表于2018-07-25 11:18 被阅读0次

因新项目是个独立的模式开发,需要和老系统关联登陆信息。因此需要做第三方登陆sso,判断是否跳转登陆的时候 。前端需要判断response的header

这样配合后台的同事 在前端做了个状态拦截,操作如下:

axiosIns.interceptors.response.use(function (response) {
const status = response.status
if (status === 200) {
return Promise.resolve(response)
} else if (status === 403) {
let headers = response.headers;
if ("Redirect" == headers.redirect) { //若HEADER中含有REDIRECT说明后端想重定向,
var win = window;
while (win != win.top) {
win = win.top;
}
win.location.href = headers['redirect-path'];
}
} else {
return Promise.reject(response)
}
})
因用axios 封装了vue项目中的ajax请求 故上述代码中也拦截了状态200的情况

相关文章

网友评论

      本文标题:vue2 axios 响应拦截器,状态码判断

      本文链接:https://www.haomeiwen.com/subject/wccpmftx.html