- 概念不同
- 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
相关推荐
weixin_4935036743 分钟前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录尾善爱看海4 小时前
前端算法与手写题集徐小夕4 小时前
JitWord 4.0 万字分享:从协同工具到AI Word操作系统,聊聊3年产品创业史萧鼎6 小时前
Python 高性能Web框架神器 FastAPI:自动生成API文、基于Pydant、异步请求处理全搞定IT_陈寒6 小时前
Redis误用keys命令把生产环境搞崩了,血的教训计算机魔术师7 小时前
5000亿估值冲刺科创板,DeepSeek 为何急着上市?我血条子呢7 小时前
前端解析word方案kyriewen7 小时前
我用 AI 写完一个需求后才发现,最难的不是 prompt,而是验收申行7 小时前
Vue 3 + DYMO Connect Framework 实战:从标签模板到打印服务的完整实现两只羊ovo7 小时前
Vue 3 + DeepSeek 流式输出实战:从“干等”到“打字机”体验