首页 > 试题广场 >

axios 二次封装：拦截器、取消请求、重试与统一错误处理。

[问答题]
axios 二次封装：拦截器、取消请求、重试与统一错误处理。
添加回答
我从未看清头像 我从未看清
axios二次封装本质上，是后续在项目中简化我们的请求axios 相关逻辑。 先封装好取消请求，重试的相关逻辑代码函数 然后就是在拦截器里面配置 拦截器： 在请求拦截器里面配置config ， 生成key 存入 map缓存容器 等一系列操作 在响应拦截器里面 判别key 主要是不管有无都清楚缓存容器里面的 键和值 避免内存泄漏， 然后再响应拦截器里面根据response 去统一错误处理。 网络错误根据状态码的不同返回相应的结果等。
发表于 2025-12-04 12:22:32 回复(0)
DRZv头像 DRZv
对 axios 进行二次封装，就是统一处理通用请求逻辑： 1. 创建 axios 实例，统一基础配置； 2. 请求拦截器：在 config 中添加 token、生成请求 key 存入 Map，实现取消重复请求； 3. 响应拦截器：清除 Map 中对应 key 防止内存泄漏，根据状态码做统一错误处理； 4. 在错误回调中加入重试机制，提升接口稳定性。 目的就是让业务代码只关注传参和数据，简化请求逻辑。
发表于 2026-04-11 22:11:46 回复(0)
已转码的钝角很开心头像 已转码的钝角很开心
对axios的二次封装核心在于：利用拦截器统一处理请求（如添加token）和响应（解析数据），通过AbortController实现请求取消，采用递归或第三方库实现指数退避重试，并分类处理网络，超时，HTTP状态码及业务逻辑错误，最终对外提供简洁易用的API接口
发表于 2026-03-11 17:34:04 回复(0)
WangYibo头像 WangYibo
1.请求拦截：统一设置请求头，token 2.响应拦截：解构数据，判断状态码充重试请求
发表于 2026-01-26 10:46:49 回复(0)
秋水夏树头像 秋水夏树
1. 请求拦截：统一设置请求头，token 2. 响应拦截：解构数据，判断状态码重试请求（指数退避）
发表于 2025-09-25 13:43:12 回复(0)
提交观点

问题信息

来自：Vue-牛客面经八股
难度：
5条回答 456浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号