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

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

都已经 2202 年了，vite已经可以算是遍地开花了，这两年的关注度也比较高究其原因，还是因为苦webpack久矣； 随着项目功能越来越多，代码越来越复杂，随之而来的就是项目的各种慢

前端无痛刷新Token 这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。 需求 对于需要前端实现无痛刷新Token，无非就两种： 请求前判断Token

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

使用TypeScrpit的优势，除了类型检查，更重要的是“更好的面向接口编程”。 设计模式是让设计符合设计原则的手段，学了设计模式能更快设计出符合设计原则的好代码。

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

本文主要讲述在项目中遇到的一些业务场景，并提炼出来的解决方案。供小伙伴们参考~ （注意：由于浏览器同源策略，一个前端工程在打包发布之后，通常我们会把资源放在与后端接口服务同一个域下。所以当有第二个域接口时，就会出现跨域请求导致请求失败。） 后端处理请求 “第二个域接口”，相当于…