- 概念不同
- 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
相关推荐
涵涵(互关)16 小时前
语法大全-only-writer-twohuangql52016 小时前
浏览器 Location API、History API、路由记录与支付跳转完全指南木斯佳16 小时前
前端八股文面经大全:腾讯前端实习一面(2026-04-27)·面经深度解析sayamber16 小时前
Kubernetes 生产环境避坑指南:10 个真实故障案例与解决方案清寒_16 小时前
分层理解AI架构,降低对AI复杂度的恐惧牧码岛17 小时前
Web前端之JavaScrip中的Array、Object、Map和Set详解Bigger17 小时前
😮💨 有了 AI 之后,我怎么感觉反而更累了?Dxy123931021617 小时前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度西陵17 小时前
如何实现 Claude 生成式 UI?一套可落地的工程方案FlyWIHTSKY17 小时前
Vue 3 + 原生 CSS Float