JS 前端请求封装（拦截器+重试+取消）

用途 / 功能

前端项目统一 HTTP 层，管理 token、错误提示、请求取消

简介

现代前端项目对网络请求的管理要求越来越高，统一的 HTTP 层不仅能减少重复代码，还能提升用户体验。这个 HttpClient 类基于原生 fetch 封装，提供拦截器、自动重试、超时控制和请求取消等核心能力，无需引入 axios 等第三方库。通过 requestInterceptors 注入 token，通过 responseInterceptors 统一处理错误提示，配合 AbortController 实现路由切换时批量取消在途请求，有效避免内存泄漏。适合中大型前端项目构建标准化的请求管理方案，尤其对包体积敏感或希望减少依赖的场景非常友好。

代码预览

使用说明

new HttpClient(...) 配置 baseURL，拦截器注入 token，get/post 调用

依赖环境

无（原生 fetch）