什么是 Mock?
Mock 是一种在软件开发中用于模拟真实对象或服务的技术。通过 Mock,开发者可以在不依赖后端接口的情况下进行前端开发、单元测试和集成测试。
为什么使用 Mock?
- 加速前端开发流程
- 解耦前后端协作
- 便于自动化测试
- 支持离线开发环境
常见 Mock 工具
常用的 Mock 工具包括:
- Mock.js:适用于浏览器和 Node.js 的数据生成库
- JSON Server:快速搭建 REST API 模拟服务
- MSW (Mock Service Worker):拦截请求并返回模拟响应
- Postman Mock Server:基于 Postman 的云端 Mock 服务
快速开始示例(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);