- 概念不同
- 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
相关推荐
sunywz9 分钟前
【c#】 Web Deploy一键发布,IIS部署全流程宁&沉沦15 分钟前
Chrome 扩展 Manifest 字段版本支持一览(全量)乖孩子28 分钟前
Service Worker + IndexedDB 实践浮生望37 分钟前
BFF架构实战:用Express+SSE为Vue3搭建安全的流式对话中间层先吃饱再说1 小时前
React 组件通信:从 Props 单向传递到自定义事件swipe1 小时前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门swipe1 小时前
04|(前端转后全栈)前端状态为什么不够用?从页面数据到 MySQL 持久化橘子星1 小时前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念大白要努力!1 小时前
纯前端实现 PDF 加水印工具 —— 零后端、支持中文、实时预览石小石Orz1 小时前
TRAE SOLO实战:实现一个桌面3D助手