一、使用方法 取消单个请求 通过传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token： 同时取消多个请求 二、基本原理 canceltoken 是通过

都2024了还不会封装axios吗？本文将基于 typescript 对 axios 进行优雅封装，将每部分内容细化，尽最大努力带大家弄明白每一处知识和细节，实现属于自己的"AxiosMax"。

面对实际场景下的请求中，为了达到更好的用户体验，我们总是需要编写更多的请求模板代码，在这里告诉你应该如何应它们，提升工作效率

如果回到在10年前，promise式的请求工具是一个很大的创新，它解决了请求繁琐的问题，但现在都已经是2023年了，promise式的请求工具只能被称为传统

Axios 文档案例 先看下 Axios 文档给的例子 https://github.com/axios/axios#cancellation 通过 CancelToken.source 工厂函数进行

axios取消重复请求： 相同的接口在上一个pending状态时，自动取消下一个请求； 请求失败重试： 接口请求后台异常时候，自动重新发起多次请求；请求接口数据缓存：接口在设定时间内不会向后台获取数据

一、我们为什么需要取消？ 我们常见的业务场景有，用户频繁点击数据提交，用户频繁的切换数据量大的表格，在网络较差的环境下，会出现一些异常的情况，当然，各类UI库提供的loading状态可以帮我们解决以上

一、Axios 是什么? Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服

./package.json 中用到了axios。UI随意，这里用了element-plus 新增 /src/api/request.ts 文件。 request.ts 封装了 Request 方法，