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(() => {})
相关推荐
忆江南9 小时前
iOS 可视化埋点与无痕埋点详解
前端
离开地球表面_999 小时前
金三银四程序员跳槽指南:从简历到面试再到 Offer 的全流程准备
前端·后端·面试
_柳青杨10 小时前
跨域获取 iframe 选中文本?自己写个代理中间层,再也不求后端!
前端
比尔盖茨的大脑10 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
天才熊猫君10 小时前
Vue3 命令式弹窗原理和 provide/inject 隔离机制详解
前端
bluceli10 小时前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js
程序员ys10 小时前
前端权限控制设计
前端·vue.js·react.js
忆江南10 小时前
Flutter GetX 深入浅出详解
前端
滕青山10 小时前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js
Qinana10 小时前
从 URL 输入到页面展示:一场跨越进程与协议的“装修”大戏
前端·面试·程序员