- 概念不同
- Fetch是一种新的获取资源的接口方式,可以直接使用
- Axios是一个基于XMLHttpRequest封装的工具包,需要引入才可以使用
- 传递数据的方式不同
- Fetch则是需要放在body属性中,以字符串的方式进行传递
- Axios是放到data属性里,以对象的方式进行传递
- 响应超时
- Fetch需要通过AbortController来设置
- Axios是直接设置timeout就可以
- 对数据的转化
- Fetch则不同,它需要使用者进行手动转化,arrayBuffer(),blob(),json(),text(),formData()
- Axios还有非常好的一点就是会自动对数据进行转化
- HTTP拦截器
- Fetch没有拦截器功能,但是要实现该功能并不难,直接重写全局Fetch方法就可以办到
- Axios设置拦截器非常简单,通过axios.interceptors.request.use(() => {})
fetch和axios的区别
前端碎碎念2024-01-31 10:35
相关推荐
陈随易3 小时前
bm2,Node.js 与 Bun 项目部署新选择福兮说5 小时前
canvas 旋转图片的六个坑:四角被裁、Math.ceil 多出 1px 黑边、JPG 角发黑、翻转方向反了传人once6 小时前
多图片上传预览功能如何写Eric.467 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战库拉镜像AI牛牛8 小时前
短剧内容自动化生产:知漫剧工作室落地教程律宏阔8 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍行者全栈架构师8 小时前
【鸿蒙心迹】相册文搜图工程化落地:HarmonyOS 7.0 端侧 AI 检索全链路实战与 5 个踩坑解法律宏阔8 小时前
Dart 3 Record:解决 Future.wait 异构返回值的类型问题Seraphina368 小时前
DVWA(XSS Reflected/Stored High,CSRF Low)默_笙9 小时前
🍔 中间件不只是打日志:四个钩子、一次短路,和自带的工具