Mock 使用指南

什么是 Mock？

Mock（模拟）是一种在软件开发中用于替代真实依赖的技术。 在前端开发中，Mock 常用于模拟后端 API 接口，使前端可以在没有真实后端服务的情况下进行开发和测试。

为什么使用 Mock？

• 前后端并行开发，减少等待时间
• 避免因后端接口不稳定影响前端进度
• 便于单元测试和自动化测试
• 快速验证 UI 与交互逻辑

简单示例：使用 Mock.js

以下是一个使用 Mock.js 模拟用户数据接口的示例：

// 引入 Mock.js
import Mock from 'mockjs';

// 模拟 GET /api/user
Mock.mock('/api/user', 'get', {
  'id|1-100': 1,
  'name': '@cname',
  'email': '@email'
});

// 前端请求
fetch('/api/user')
  .then(res => res.json())
  .then(data => console.log(data));

常用 Mock 工具

• Mock.js：轻量级 JavaScript 库，支持浏览器和 Node.js
• JSON Server：基于 JSON 文件快速搭建 REST API
• YApi / Apifox：可视化接口管理平台，支持 Mock 规则
• Postman Mock Server：集成在 Postman 中的模拟服务

最佳实践建议

• 将 Mock 配置与生产代码分离，避免上线污染
• 使用统一的数据结构规范，确保与真实接口一致
• 结合环境变量控制是否启用 Mock
• 定期同步 Mock 规则与后端接口文档