- 概念不同
- 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
相关推荐
爱分享的程序员15 分钟前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)翻滚吧键盘20 分钟前
vue 条件渲染(v-if v-else-if v-else v-show)vim怎么退出22 分钟前
万字长文带你了解微前端架构你这个年龄怎么睡得着的22 分钟前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?Java水解25 分钟前
前端常用单位em/px/rem/vh/vm到底有什么区别?CAD老兵28 分钟前
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试南屿im29 分钟前
JavaScript 手写实现防抖与节流:优化高频事件处理的利器Spider_Man29 分钟前
从零开始构建React天气应用:API集成与UI设计全指南 🌤️浩浩测试一下44 分钟前
渗透信息收集- Web应用漏洞与指纹信息收集以及情报收集西陵1 小时前
Nx带来极致的前端开发体验——借助CDD&TDD开发提效