- 概念不同
- 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
相关推荐
六月June June3 小时前
自定义调色盘组件SY_FC3 小时前
实现一个父组件引入了子组件,跳转到其他页面,其他页面返回回来重新加载子组件函数糟糕好吃3 小时前
我让 AI 操作网页之后,开始不想点按钮了陈天伟教授3 小时前
人工智能应用- 天文学家的助手:08. 星系定位与分类VaJoy3 小时前
给到夯!前端工具链新标杆 Vite Plus 初探小彭努力中5 小时前
191.Vue3 + OpenLayers 实战:可控化版权信息(Attribution)详解与完整示例奇舞精选5 小时前
用去年 github 最火的 n8n 快速实现自动化推送工具奇舞精选5 小时前
实践:如何为智能体推理引入外部决策步骤无限大65 小时前
AI实战02:一个万能提示词模板,搞定90%的文案/设计/分析需求朝阳5816 小时前
控制 Nuxt 页面的渲染模式:客户端 vs 服务端渲染