概述 Axios 是一个基于 promise 的 HTTP 库 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和

解决方案 使用的 Axios 做数据请求，使用 cancel token 取消请求 原生XHR Axios 源码轻解析 CancelToken 将 CancelToken 添加到 axios 的Can

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。今天我们来进入 Axios 源码解析

写这篇文章的背景是因为之前遇到的，在跨域的情况下通过 axios 发起的 get 请求正常，post 请求会在正式请求发送之前先发送一个 opstions 请求，而后端接口没有兼容 options，导致 404 的情况。 而在解决这个问题时带着好奇心顺带查了一下，给自己补充了些…

前言 对于取消请求，Axios官方曾经推出了CancelToken来实现该功能。而在 2021 年 10 月推出的AxiosV0.22.0版本中却把CancelToken打上 👎deprecated

axios请求方法 主要有get，post，put，patch，delete get 获取数据 post 提交数据（表单提交+文件上传） put 更新数据（将所有数据均推放到服务端） patch 更新

应用场景 取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景 tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱； 导出文件或下载文件

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把`axios`的调用方式弄得更加复杂？