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

本文将给大家分享如何能够在一分钟内实现对 axios 的功能扩展，其中包括：取消重复请求、缓存数据、响应包装等！

看很多网上的人的封装 Axios 教程，但或多或少都有不太合适的点，这里为大家推荐我本人的最佳实践。

JS 新特性之一是简陋AbortController，它的AbortSignal. 它支持一些新的开发模式，我将在下面介绍，但首先是：规范演示。 它是AbortController用来提供一个fetc

AbortController 是一个控制器对象，你可以通过 new 构造函数的形式返回一个 AbortSignal 对象。

哈喽，我是JL😄 共同成长是我一直以来的追求！✨日常开发中我们经常遇到需要取消重复请求的场景，如搜索框，但是有些时候在原有项目配置重复请求改动太大，那可以来看看这篇是怎么配置的，希望能给你带来帮助。

Axios 相信对Vue熟悉的铁汁对它不会感到陌生了，这简直就是前端近年来的一大杀器，使用人数一直不断上涨。

在 Web 项目开发过程中，我们经常会遇到重复请求的场景，如果系统不对重复的请求进行处理，则可能会导致系统出现各种问题。

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