- 概念不同
- 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
相关推荐
夏雪coding14 小时前
nginx SPA 回落把 CSS 变成了 HTML:一个返回 200 却让样式失效的坑光影少年14 小时前
React Native网络、存储与原生能力bonibabi14 小时前
基于 CopilotKit + Java SSE 构建 AI Agent 的前端实践指南砺能14 小时前
谷歌浏览器中出现部分字体乱码问题To_OC14 小时前
绕开层层 props 搬运:我把 useContext 和自定义 Hook 跑通了北凉温华14 小时前
Vue3 可视化打印设计插件|拖拽生成票据/标签打印模板(开源体验版)程序员黑豆14 小时前
Java变量详解:从入门到精通andr_gale15 小时前
02_uniapp自定义上凸效果的底部TabBar一心只读圣贤书15 小时前
AI 驱动前端测试实战:从需求文档到 Playwright 自动化用例拖孩15 小时前
用 AI 重解千年观音灵签,做了一个微信小程序,每天摇一摇,命运给你回应