

Day 11|Axios 请求封装:把本地数组换成真实接口(含拦截器、重试、取消重复请求)
本文详解如何将前端项目从本地数据过渡到真实HTTP请求,核心是使用Axios封装可复用、可调试的API层。通过创建实例、配置baseURL与环境切换,结合请求/响应拦截器实现自动带token、全局loading、统一错误处理及401自动登出。进一步将请求逻辑抽离为独立API模块,组件仅关注业务。实践了取消重复请求(AbortController/序号校验)、幂等请求重试、Mock适配器与CORS调试技巧,并与Pinia状态管理深度联动,实现全站loading、通知与用户状态同步。附完整单文件示例,零构建、无




