首页
题库
面试
求职
学习
竞赛
More+
所有博客
搜索面经/职位/试题/公司
搜索
我要招人
去企业版
登录 / 注册
首页
>
试题广场
>
讲一下axiosfetch 的差异、二次封装规范与错误重试
[问答题]
讲一下axios/fetch 的差异、二次封装规范与错误重试策略。
查看答案及解析
添加笔记
求解答(0)
邀请回答
收藏(5)
分享
纠错
2个回答
添加回答
0
DRZv
一、axios/fetch 核心差异 - 功能:axios 自带拦截、超时、取消,fetch 需手动封装,默认不携 Cookie - 错误:axios 非 2xx 拒执,fetch 仅网络错误拒执(4xx/5xx 需手动判断) - 转换:axios 自动解析 JSON/转请求体,fetch 需手动处理 二、二次封装规范 - 基础配置:统一 baseURL、超时、请求头 - 拦截处理:请求加 Token,响应统一解析/错误提示 - API 分层:按业务拆分请求函数,可选 TypeScript 类型约束 三、错误重试策略 - 触发条件:仅网络错误、5xx 错误(跳过 4xx) - 核心逻辑:计数器控制重试次数(如最多 3 次)+ 延迟退避
发表于 2025-11-03 07:00:07
回复(0)
0
秋水夏树
1. 是否为原生 API 2. 是否会自动解析 JSON 3. 是否会自动 reject 4xx/5xx 等状态码(Fetch 需手动判断 response.ok) 4. 是否支持请求响应拦截器 封装: - axios.create 创建实例,避免污染全局 - 全局配置,baseURL、timeout、headers { content-type } - 请求拦截:添加 token,设置 loading 态 - 响应拦截:解构取数使业务数据更纯粹,根据不同状态码做不同操作(401 返回登录页,403 提示权限不够) 重试策略: - 设置最大重发次数,请求检查 - 状态码为 5xx 时,可从 config 中获得上次请求的参数,才用回避策略(适当延时,防止冲击服务器)重发请求。
发表于 2025-09-15 21:01:53
回复(0)
这道题你会答吗?花几分钟告诉大家答案吧!
提交观点
问题信息
来自:
前端开发-牛客面经八股
难度:
2条回答
5收藏
131浏览
热门推荐
相关试题
讲一下Web 安全:XSS/CSR...
评论
(2)
来自
前端开发-牛客面经八股
前端性能指标(FCP/LCP/CL...
评论
(3)
来自
前端开发-牛客面经八股
讲一下代码分割与 Tree Sha...
评论
(1)
来自
前端开发-牛客面经八股
防抖与节流的差异、实现与典型业务场景。
评论
(4)
来自
前端开发-牛客面经八股
讲一下静态资源 CDN 策略与缓存失效。
评论
(0)
来自
前端开发-牛客面经八股
扫描二维码,关注牛客网
意见反馈
下载牛客APP,随时随地刷题