Mock框架专题

什么是Mock框架？

Mock框架是一种用于在开发过程中模拟后端接口返回数据的工具。它可以帮助前端开发者在没有真实API的情况下进行开发和测试，提升开发效率，减少对后端服务的依赖。

常见Mock工具

• Mock.js：国内流行的JavaScript库，支持浏览器和Node.js环境。
• JSON Server：基于Node.js的轻量级REST API模拟工具。
• YApi / Easy Mock：可视化在线Mock平台，适合团队协作。

快速上手（以Mock.js为例）

在HTML中引入Mock.js并定义模拟规则：

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

  // 发起请求（实际由Mock拦截）
  fetch('/api/user')
    .then(res => res.json())
    .then(data => console.log(data));
</script>

适用场景

• 前后端并行开发阶段
• 自动化测试环境搭建
• 演示/原型系统快速构建
• 网络不稳定或后端服务不可用时的本地调试