- 概念不同
- 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
相关推荐
西洼工作室几秒前
CSS响应式布局全攻略用户93816912553602 分钟前
VUE3项目配置MegatronKing30 分钟前
一个有意思的问题引起了我的反思鹤归时起雾.42 分钟前
CSS属性继承与元素隐藏全解析火星数据-Tina1 小时前
让电竞数据实时跳动:Spring Boot 后端 + Vue 前端的完美融合实践fruge1 小时前
前端可视化家庭账单:用 ECharts 实现支出统计与趋势分析IT_陈寒1 小时前
Vue3性能优化实战:5个被低估的Composition API技巧让你的应用快30%嘻嘻哈哈猿人1 小时前
从 0 到 1 实现一个支持 @ 提及用户的输入框组件(Vue3 实战)东土也1 小时前
Vue 项目 Nginx 部署路径差异分析与部署指南云枫晖1 小时前
Vue3 响应式原理:手写实现 ref 函数