团队落地Mock模拟的关键在于统一规范、分层策略与环境隔离；分开发联调、跨团队联调、自动化测试三阶段实施，配套四条README铁律与工程化集成方案，规避高发风险。
团队落地 Mock 模拟，关键不在“会不会用”，而在“怎么让所有人持续、一致、安全地用”。核心是统一规范 + 分层策略 + 环境隔离，避免从“辅助工具”滑向“维护黑洞”。
明确分层：三类 Mock 场景对应三种实现方式
混用一种方案容易失控。建议按使用阶段和协作范围划分：
-
开发联调阶段（个人/小范围）：用
Mock.js + vite-plugin-mock（Vue3/Vite 项目）或msw（React/Vite/Webpack）。规则写在src/mock/下，仅在dev环境生效，打包自动剔除。好处是零服务依赖、热更新快、调试直观。 -
跨团队联调/测试阶段：部署轻量级服务 Mock 工具，如 Mockoon 或 Easy Mock（需 MongoDB + Redis）。所有接口定义集中管理、支持 Swagger 导入、权限分级（如“只读测试组”“可编辑开发组”），URL 统一走
https://mock.yourteam.com。 -
自动化测试/CI 环境：禁用动态 Mock，改用固定 JSON 响应文件（如
__mocks__/api/users.json）+jest.mock或msw setupWorker的离线模式。确保每次测试结果可复现、不因随机数据失败。
制定团队规范：四条必须写进 README 的铁律
没有文档约束的 Mock 很快变成“谁写的谁懂”。每支前端团队应强制执行：
-
路径即契约：Mock 接口 URL 必须与后端约定的正式路径完全一致（包括
/api/v2/users/:id中的版本号和参数占位符），禁止使用/mock/users这类临时前缀。 - 响应结构先行：所有 Mock 规则必须基于已确认的 OpenAPI/Swagger 文档生成，字段名、类型、必选性、嵌套层级严格对齐，避免“前端自己猜接口”。
-
数据有边界，不纯随机：禁止无限制生成（如
"list|1000"）。分页接口限死"list|10-20"；状态字段限定枚举值（"status|1": ["active", "inactive", "pending"]）；ID 使用@id而非@integer，保持语义清晰。 -
异常场景显式声明：每个正常接口旁，必须配套定义至少 1 个错误响应 Mock（如 401、404、500），并标注触发条件（如请求头带
X-Mock-Error: not-found）。
工程化集成：让 Mock “隐形但可靠”
开发者不该为开启/关闭 Mock 担心。推荐以下集成方式：
-
环境变量驱动：在
vite.config.ts或webpack.config.js中，根据import.meta.env.VITE_MOCK_MODE自动加载 mock 插件或 worker，生产环境彻底不打包任何 mock 代码。 -
代理透明化：开发服务器（Vite Dev Server / Webpack DevServer）配置
proxy，将/api/**请求默认转发至 Mock 服务（如http://localhost:3000），仅当请求头含X-Real-Backend: true时才绕过 Mock 直连后端——联调时一个 header 切换即可。 - Mock 状态可视化：在页面右下角加一个浮动开关（仅开发环境），显示当前是否启用 Mock、命中了哪个规则、响应耗时。点击可快速跳转到对应 mock 文件或 Easy Mock 页面。
规避高发风险点
这些细节常被忽略，却极易引发线上事故或协作冲突：
-
禁止在 Mock 规则里调用真实 API：曾有团队在
Mock.mock回调中用fetch请求后端，导致开发时误触真实数据写入。 -
时间相关字段用相对值：避免写死
"createdAt": "2023-01-01"，改用"createdAt": "@datetime('yyyy-MM-dd HH:mm:ss', -3, 'd')"（表示 3 天前），保证列表排序、筛选逻辑始终有效。 -
敏感字段脱敏处理：手机号、身份证、邮箱等，统一用
@string('1', 11)或@email('example.com')，不暴露真实格式或正则校验逻辑。
