Mock新手教程

什么是 Mock？

Mock（模拟）是一种在软件开发中用于替代真实依赖的技术。特别是在前后端分离开发中，前端可以在后端接口尚未完成时，通过 Mock 数据模拟接口返回，从而独立进行开发和测试。

为什么需要 Mock？

• 加速前端开发，不依赖后端进度
• 便于单元测试与集成测试
• 模拟各种异常或边界情况
• 提高团队协作效率

常见 Mock 工具

1. Mock.js：适用于浏览器和 Node.js 的数据模拟库。
2. JSON Server：快速搭建 REST API 的轻量级工具。
3. YApi / Apifox / Easy Mock：可视化在线 Mock 平台。
4. Postman Mock Server：结合 Postman 使用的云端 Mock 服务。

快速上手示例（使用 Mock.js）

<script src="https://cdn.jsdelivr.net/npm/mockjs@1.1.0/dist/mock-min.js"></script>
<script>
  Mock.mock('/api/user', {
    'id|1-100': 1,
    'name': '@cname',
    'email': '@email'
  });

  fetch('/api/user')
    .then(res => res.json())
    .then(data => console.log(data));
</script>

运行后，控制台将输出模拟的用户信息，无需真实后端支持。

最佳实践建议

• 保持 Mock 数据结构与真实接口一致
• 使用随机数据生成器提高真实性
• 在项目文档中明确标注哪些是 Mock 接口
• 上线前务必替换为真实接口