- 概念不同
- 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 小时前
B站视频内容智能分析系统(九):React 前端与管理面板Cutecat_6 小时前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择qq_422152576 小时前
PDF 加水印工具怎么选?2026 年文档版权保护方案对比kyriewen7 小时前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势brucelee1867 小时前
OpenClaw 浏览器控制(Chrome MCP)完整教程ct9788 小时前
React 状态管理方案深度对比胡志辉的博客8 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码代码不加糖8 小时前
js中不会冒泡的事件有哪些?懂懂tty8 小时前
Vue2与Vue3之间API差异AI焦点9 小时前
跨越协议鸿沟:Tool Use状态机从Anthropic到OpenAI兼容体系的适配要点