- 概念不同
- 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
相关推荐
英俊潇洒美少年6 小时前
Vue 生产环境打包:SourceMap、压缩、混淆、加密全解 + 最佳实践巴博尔7 小时前
UNIAPP中NVUE页面 动画她说人狗殊途9 小时前
基于 vue-cli 创建AZaLEan__10 小时前
前端移动端适配与 Bootstrap大家的林语冰10 小时前
Deno 2.8 正式发布,再次超越 Bun,史上最大的次版本升级诞生!渣渣xiong10 小时前
从零开始:前端转型AI agent直到就业第五十七天-第五十八天AI周红伟10 小时前
周红伟:长鑫科技(CXMT)财务全景分析excel11 小时前
JS 正则在多次 test() 时为什么会出现 lastIndex 缓存问题?IT_陈寒11 小时前
为什么 Java 的 Optional 让我调试到深夜?米丘11 小时前
React 19.x 的 lazy 与 Suspense