【Vue知识点总结】API封装全指南：参数类型、场景选择与企业实战

一、API 封装的核心价值

在企业级 Vue 项目中，API 封装不仅是为了代码整洁，更是为了：

1. 统一接口管理：集中维护所有后端接口地址
2. 参数标准化：规范请求/响应数据格式
3. 错误处理：统一拦截异常和状态码
4. 提高复用性：减少重复代码
5. 便于测试：模块化接口更易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