一、API 封装的核心价值在企业级 Vue 项目中,API 封装不仅是为了代码整洁,更是为了:统一接口管理:集中维护所有后端接口地址参数标准化:规范请求/响应数据格式错误处理:统一拦截异常和状态码提高复用性:减少重复代码便于测试:模块化接口更易mock和测试二、API 封装的基本结构// api/index.js import axios from 'axios' import { config } from './config' import { handleRequestError } from './error-handler' const instance = axios.create({ baseURL: config.baseURL, timeout: 10000, headers: { 'Content-Type': 'application/json' } }) // 请求拦截器 instance.interceptors.request.use( config = { // 添加token等 return config }, error = Promise.reject(error) ) // 响应拦截器 ins