在前后端分离开发过程中,尤其在开发登陆注册页面,我们经常需要去拦截一些错误信息,比如常见的401错误,那么,如何使用axios去拦截错误401错误,自定义成我们的设置的错误信息!
// 拦截响应
instance.interceptors.response.use(
res => {
// console.log(res)
return res.data
}, err => {
// 捕获错误信息
if (err.response.status === 401) {
const data = {
code: '-1',
message: 'chaoshi'
}
console.log(data)
}
return err
}
)
这样就成功拦截到了401错误信息!
可以参考下这个开源项目,全是前后端分离开发的,对我们学习Vue和axios有很好的启发和参考作用:http://github.crmeb.net/u/xingfu