木灵鱼儿 2026-06-23 16:40 29 阅读1小时2分钟

前言

在现代前端开发中，一个健壮、易用且与业务解耦的请求模块是项目成功的基石。本教程将带你一步步实现项目中现有的 Axios 封装方案。

我们将实现以下企业级核心功能：

1. 核心与业务解耦：核心请求机制不依赖任何 UI 框架或状态管理库，可在任何 JS 环境中复用。
2. 高内聚装配层：通过一个装配文件，将项目特有的 Token 获取、路由跳转、Toast 提示等业务依赖注入到核心机制中。
3. 无感 Token 刷新：当遇到 401 Unauthorized 错误时，自动暂停后续请求，刷新 Token 成功后无感重发原请求。
4. 失败自动重试：集成 axios-retry，在网络波动或超时时自动重试，并提供重试上限的兜底通知。
5. 响应自动解包与业务错误判定：自动剥离 Axios 包装，直接返回业务数据，并统一拦截非 200 的业务错误。

---

此处内容已隐藏回复后方可阅读。