本文将从泛型入手，然后了解 Axios 中的部分类型，延续 JS 版本的极简风，教你封装出一个可用的清爽版 Axios。

TypeScript Web 项目的API 的参数与响应数据类型，如果不手动映射，默认是缺失的： 这给项目带来了少许不稳定性。如果复杂的话，每个接口的响应数据都是 any，各种接口/返回数据互相依赖，

ts在实际开发场景中的实践，Record、is、as、(...args: any[]) => any、ts类型分类、unknown与any、PropertyKey、Promise类型定义、复杂ts拆分

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情 Vue 3 + TypeScript + Vite + Element-Plus + Router + A

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

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

在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。 如图所示，服务启动的时候回生成一个node_modules包，稍微测试了一下，服务支持ES6语法和…

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超时时间等。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第一天，点击查看活动详情。 说在前面 确保@vue/cli版本在4.5.0以上