- 概念不同
- 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
相关推荐
dly_blog2 分钟前
ref 与 reactive 的本质区别(第3节)前端不太难7 小时前
从 Navigation State 反推架构腐化前端程序猿之路8 小时前
Next.js 入门指南 - 从 Vue 角度的理解大布布将军8 小时前
⚡️ 深入数据之海:SQL 基础与 ORM 的应用川贝枇杷膏cbppg8 小时前
Redis 的 RDB 持久化JIngJaneIL8 小时前
基于java+ vue农产投入线上管理系统(源码+数据库+文档)天外天-亮9 小时前
v-if、v-show、display: none、visibility: hidden区别jump_jump9 小时前
手写一个 Askama 模板压缩工具be or not to be9 小时前
HTML入门系列:从图片到表单,再到音视频的完整实践90后的晨仔10 小时前
在macOS上无缝整合:为Claude Code配置魔搭社区免费API完全指南