什么是 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 特别适用于以下情况:
- 前后端并行开发阶段
- 接口尚未完成但需联调
- 自动化测试中的数据准备
- 演示或原型开发