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(() => {})
相关推荐
MediaTea1 分钟前
<span class=“js_title_inner“>Python:实例对象</span>
开发语言·前端·javascript·python·ecmascript
梦梦代码精37 分钟前
开源、免费、可商用:BuildingAI一站式体验报告
开发语言·前端·数据结构·人工智能·后端·开源·知识图谱
0思必得044 分钟前
[Web自动化] Selenium执行JavaScript语句
前端·javascript·爬虫·python·selenium·自动化
程序员敲代码吗1 小时前
MDN全面接入Deno兼容性数据:现代Web开发的“一张图”方案
前端
0思必得01 小时前
[Web自动化] Selenium截图
前端·爬虫·python·selenium·自动化
疯子****2 小时前
【无标题】
前端·clawdbot
RichardLau_Cx2 小时前
【保姆级实操】MediaPipe SDK/API 前端项目接入指南(Web版,可直接复制代码)
前端·vue·react·webassembly·mediapipe·手部追踪·前端计算机视觉
不爱写程序的东方不败2 小时前
APP接口测试流程实战Posman+Fiddler
前端·测试工具·fiddler
晚霞的不甘3 小时前
Flutter for OpenHarmony构建全功能视差侧滑菜单系统:从动效设计到多页面导航的完整实践
前端·学习·flutter·microsoft·前端框架·交互
黎子越3 小时前
python相关练习
java·前端·python