Axios响应拦截器笔记

在 Vue3 项目中使用 Axios 进行 HTTP 通信时,响应拦截器(response interceptor)可以配置两个回调函数:第一个用于处理响应成功的情况,第二个用于处理响应错误的情况。响应拦截器的第二个回调函数会在以下情况下执行:

1. 响应状态码表示错误

当服务器返回的 HTTP 状态码不在 2xx 范围内时,例如 401(未授权)、404(未找到)、500(服务器错误)等,第二个回调函数会被调用。这是因为 Axios 会将这些状态码视为错误。

2. 网络错误

如果请求未能成功发送或无法收到响应,例如网络连接问题或请求超时,也会触发第二个回调函数。

3. 请求配置错误

如果请求的配置不正确,如设置了不符合要求的 HTTP headers,也可能导致错误,进而调用第二个回调函数。

4. 取消请求

如果请求被取消(使用 Axios 的取消令牌),那么也会触发错误处理回调。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值