fetch和axios的区别

  1. 概念不同
    • Fetch是一种新的获取资源的接口方式,可以直接使用
    • Axios是一个基于XMLHttpRequest封装的工具包,需要引入才可以使用
  2. 传递数据的方式不同
    • Fetch则是需要放在body属性中,以字符串的方式进行传递
    • Axios是放到data属性里,以对象的方式进行传递
  3. 响应超时
    • Fetch需要通过AbortController来设置
    • Axios是直接设置timeout就可以
  4. 对数据的转化
    • Fetch则不同,它需要使用者进行手动转化,arrayBuffer(),blob(),json(),text(),formData()
    • Axios还有非常好的一点就是会自动对数据进行转化
  5. HTTP拦截器
    • Fetch没有拦截器功能,但是要实现该功能并不难,直接重写全局Fetch方法就可以办到
    • Axios设置拦截器非常简单,通过axios.interceptors.request.use(() => {})
相关推荐
夏雪coding14 小时前
nginx SPA 回落把 CSS 变成了 HTML:一个返回 200 却让样式失效的坑
前端·nginx
光影少年14 小时前
React Native网络、存储与原生能力
前端·react native·react.js
bonibabi14 小时前
基于 CopilotKit + Java SSE 构建 AI Agent 的前端实践指南
前端·agent
砺能14 小时前
谷歌浏览器中出现部分字体乱码问题
前端
To_OC14 小时前
绕开层层 props 搬运:我把 useContext 和自定义 Hook 跑通了
前端·react.js·前端框架
北凉温华14 小时前
Vue3 可视化打印设计插件|拖拽生成票据/标签打印模板(开源体验版)
前端
程序员黑豆14 小时前
Java变量详解:从入门到精通
java·前端·ai编程
andr_gale15 小时前
02_uniapp自定义上凸效果的底部TabBar
前端·javascript·uni-app·移动端
一心只读圣贤书15 小时前
AI 驱动前端测试实战:从需求文档到 Playwright 自动化用例
前端·人工智能
拖孩15 小时前
用 AI 重解千年观音灵签,做了一个微信小程序,每天摇一摇,命运给你回应
前端·后端·微信小程序