Mock用法详解

在现代软件开发中，Mock（模拟）是一种非常重要的技术，用于在不依赖真实后端服务的情况下进行前端开发、测试和调试。

什么是 Mock？

Mock 是指在开发过程中，用模拟的数据或服务替代真实的外部依赖（如 API 接口、数据库等），从而让开发人员能够独立工作，提高开发效率。

常见使用场景

• 前后端并行开发：前端无需等待后端接口完成即可开始开发。
• 单元测试：隔离外部依赖，确保测试只关注当前逻辑。
• 演示与原型：快速构建可交互的界面原型。

前端 Mock 示例（使用 Mock.js）

以下是一个使用 Mock.js 模拟用户列表接口的简单示例：

// 引入 Mock.js
import Mock from 'mockjs';

// 模拟 GET /api/users
Mock.mock('/api/users', 'get', {
  'users|5-10': [{
    'id|+1': 1,
    'name': '@cname',
    'email': '@email'
  }]
});

// 前端请求
fetch('/api/users')
  .then(res => res.json())
  .then(data => console.log(data));

其他 Mock 工具推荐

• Mock Service Worker (MSW)：拦截网络请求，在浏览器或 Node.js 中模拟 API。
• JSON Server：通过 JSON 文件快速搭建 REST API。
• Postman Mock Server：在 Postman 中创建模拟服务器。