👉 疯狂点击分页按钮，页面数据却像抽风一样，一会儿显示第3页，一会儿又跳回第2页？ 👉 快速滑动无限滚动列表，结果数据错乱，甚至重复加载？ 这就是前端分页的竞态问题在作怪...

起因，在项目中发现多个地方同时请求同一个接口且参数相同时，只有最后一个接口能正常返回，并且只有一个地方会展示查询结果...这个问题让我想起了在封装Axios时，参考网上的例子直接抄来用。

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

po-axios(破) 介绍 在现代Web开发中，网络请求管理是一个非常重要的方面，尤其是在构建复杂的前端应用时。为了提高应用的性能和用户体验，我们需要更加灵活和高效地处理网络请求，包括请求的取消和重

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

axios取消请求有2种方式：一个是利用浏览器内置的AbortController对象，另一个是利用Axios自带的cancelToken对象来实现。 先node写个后端试试看： 1. AbortCo