- 概念不同
- 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
相关推荐
Sylvia33.1 小时前
网球/羽毛球数据API:专业赛事数据服务的技术实现向下的大树2 小时前
VUE父子组件传参中的触发时机问题:异步场景下的解决方案英俊潇洒美少年2 小时前
vue2中使用节流防抖函数时,使用的vue状态始终是初始化的数据棒棒的唐2 小时前
适合小程序使用的将对象数组转换为参数字符串方法博客zhu虎康2 小时前
音频视频处理:前端直播流播放 flv一位搞嵌入式的 genius2 小时前
深入理解 JavaScript 原型与继承:从基础到进阶董世昌412 小时前
深度解析var、let、const的区别与最佳使用场景C_心欲无痕2 小时前
Next.js 平行路由:构建模块化动态布局warrah2 小时前
前端项目容器化部署问题GISer_Jing2 小时前
2026前端技术潜在主流前沿方向