Mock.js 使用指南

什么是 Mock.js？

Mock.js 是一个用于生成随机数据、拦截 Ajax 请求的 JavaScript 库。 它可以在没有后端服务的情况下，为前端开发者提供模拟接口返回，极大提升开发与测试效率。

快速开始

通过 CDN 引入 Mock.js：

<script src="https://unpkg.com/mockjs/dist/mock.js"></script>

简单示例：

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

// 发起请求
fetch('/api/user')
  .then(res => res.json())
  .then(console.log);

核心特性

• 无需修改业务代码，即可拦截 Ajax 请求
• 支持丰富的数据模板语法（如 @cname、@email、@date 等）
• 可生成任意结构的 JSON 数据
• 轻量、无依赖，兼容主流浏览器

适用场景

Mock.js 特别适用于以下情况：

• 前后端并行开发阶段
• 接口尚未完成但需联调
• 自动化测试中的数据准备
• 演示或原型开发