axios如何快速有效拦截401状态,自定义错误信息

在前后端分离开发过程中,尤其在开发登陆注册页面,我们经常需要去拦截一些错误信息,比如常见的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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值