Mock使用教程

什么是 Mock？

Mock 是一种在前端开发中用于模拟后端接口返回数据的技术。通过 Mock，开发者可以在没有真实 API 的情况下进行界面和逻辑开发，极大提升开发效率。

为什么使用 Mock？

• 前后端并行开发，无需等待接口完成
• 避免因后端服务不稳定影响前端调试
• 可自定义各种响应场景（如错误、加载、空数据等）

快速开始

以流行的 Mock.js 为例：

// 安装
npm install mockjs

// 使用示例
import Mock from 'mockjs'

Mock.mock('/api/user', {
  'id|1-100': 1,
  'name': '@cname',
  'email': '@email'
})

// 发起请求即可获得模拟数据
fetch('/api/user').then(res => res.json()).then(console.log)

常用语法规则

• @cname：随机中文姓名
• @email：随机邮箱
• @integer(min, max)：指定范围整数
• 'list|1-5': [{...}]：生成 1～5 个对象的数组

注意事项

Mock 数据仅用于开发阶段，请确保在生产环境中移除或禁用 Mock 逻辑，以免影响真实接口调用。