什么是 Mock 数据?
Mock 数据是指在开发或测试过程中,用模拟的数据替代真实接口返回的数据。它能帮助开发者在后端接口未完成时继续前端开发,也能用于自动化测试、演示等场景。
常见的 Mock 方法
- 使用本地 JSON 文件:最简单的方式,适用于静态数据展示。
- 使用 Mock 工具(如 Mock.js、JSON Server):可动态生成结构化数据,支持 RESTful 接口。
- 浏览器插件拦截请求:例如 Charles、Fiddler 或 Chrome 插件,可重定向请求到本地文件。
- 在代码中硬编码模拟数据:适合临时调试,但不推荐长期使用。
- 使用在线 Mock 平台:如 Apifox、YApi、Easy Mock 等,支持团队协作。
快速上手示例:使用 JSON Server
安装并启动一个本地 Mock 服务:
npm install -g json-server
echo '{ "users": [{ "id": 1, "name": "张三" }] }' > db.json
json-server --watch db.json
访问 http://localhost:3000/users 即可获取模拟数据。
最佳实践建议
- 保持 Mock 数据结构与真实接口一致;
- 为不同场景准备多套 Mock 数据(如加载中、错误、空状态);
- 避免将 Mock 逻辑混入生产代码,可通过环境变量控制;
- 定期更新 Mock 规则以匹配接口变更。