什么是 Mock?
Mock(模拟)是一种在软件开发中用于替代真实依赖的技术。在前端开发中,常用于模拟后端接口返回的数据,以便在没有真实 API 的情况下进行开发和测试。
常见使用场景
- 前后端并行开发时,前端先行模拟接口数据
- 单元测试或集成测试中隔离外部依赖
- 演示或原型设计阶段快速构建交互效果
- 网络不稳定或后端服务不可用时的本地调试
常用 Mock 工具
- Mock.js:轻量级 JavaScript 库,支持浏览器和 Node.js
- MSW (Mock Service Worker):通过拦截请求实现更真实的模拟
- JSON Server:快速搭建 REST API 模拟服务
- Postman Mock Server:基于 Postman 定义的集合生成模拟接口
简单示例(使用 Mock.js)
// 引入 Mock.js
import Mock from 'mockjs';
// 模拟用户列表接口
Mock.mock('/api/users', {
'list|5-10': [{
'id|+1': 1,
name: '@cname',
email: '@email'
}]
});
// 发起请求将自动返回模拟数据
fetch('/api/users').then(res => res.json()).then(console.log);