- 概念不同
- 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
相关推荐
程序猿追8 分钟前
HarmonyOS 6 上做个极简浏览器:Web 组件 + 前进后退 + 加载进度沐沐师10 分钟前
Mybatis 框架教程三天不学习22 分钟前
Tailwind CSS 快速入门(2026 版):从 v4 零配置上手,到「该不该用、怎么用好」的选型实战明月_清风28 分钟前
面对陌生的 GitHub 项目无从下手?这 4 个网站帮你快速读懂源码htzyl2061 小时前
前端阶梯——第九章、颜色、文本与背景zhangzeyuaaa1 小时前
Ruby `require` 完全指南:从 `$LOAD_PATH` 到 `require_relative`htzyl2061 小时前
前端阶梯——第八章、CSS入门与选择器猪猪拆迁队1 小时前
跨电脑复制共享-WebRTC 打洞踩坑Amos_Web2 小时前
Rspack 源码解析(十八):Tree Shaking 如何用 SideEffects 重写模块连接百度一下吧2 小时前
前端包管理工具和使用手册