基于 TS 对 axios 的封装和 api 自动生成 一.基于 axios 的封装 二.通过 `Swagger` 文档生直接成 `TS` 模块 `API` 通过后端仓库或者swagger生成代码

这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使用TypeScript以及Vuex和Pinia的区别。今天我们再用TypeScript封装一遍Axios。

我们现在在请求接口的过程中，已经习惯了async/await的写法，已经逐渐的代替了promise。。。

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

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

本文是 Axios 四部曲的最后一篇文章，这篇文章将介绍在 Axios 中如何通过增强默认适配器来缓存请求数据。

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

开箱即用的axios Api请求封装 可拦截重复请求（拦截后面的），并将请求结果共享给所有请求源 支持get/post等多种请求方式，支持文件上传，支持自定义headers 可自定义是否允许重复请求

1. 学会如何实现一个比较完善的 delay 函数 2. 学会使用 AbortController 实现取消功能 3. 学会面试常考 axios 取消功能实现 4. 等等