- 概念不同
- 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
相关推荐
yingyima17 分钟前
AWK 速查手册:不仅仅是文本处理,更是性能与简洁的抉择悟空瞎说17 分钟前
WebSocket 前端丢包处理实战:原理与完整代码实现秋天的一阵风19 分钟前
✨ 原来文本转换可以这么丝滑!UnifiedJS 实战指南来了南川琼语30 分钟前
HTTP——AJAX用户47949283569151 小时前
专升本前端毕业 1 年,从初创到大厂,我的开源项目上了 github trending,顺便聊聊做开源的收获Ashley的成长之路1 小时前
前端性能优化实战手册·第1篇:从 Lighthouse 60 到 95 的完整路径思码梁田1 小时前
CSS letter-spacing 属性详解:掌控字符之间的呼吸感大尚来也1 小时前
React Hooks全解析:告别繁琐Class组件不简说1 小时前
JS 代码技巧 vol.2 — 20 个数组/对象/字符串/正则的实用技巧小小编程路2 小时前
C++ 块作用域详解:从基础到实战