Mock 的用法详解

什么是 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);