Mock 实践

February 25, 2025 / xChenNing / 6阅读 / 0评论 / 分类: 测试项目控制学习前端

需求和开端

想找一个模拟数据的库，看了一些其他项目，都用的Mockjs。

今天npm下好发现package.json警告

GHSA-mh8j-9jvh-gjf6
mockjs vulnerable to Prototype Pollution via the Util. extend function

mockjs 容易通过Util受到原型污染。

What the hell ???

赶紧爬上issue看看怎么个事，然后看到前辈老哥的温柔话语

一看提交，十年前、六年前额

继续翻，有人建议使用Mockm，然后一查，发现Apifox也支持mock

看了眼Mockm，理念确实不错，但因为后端就有现成的apifox文档，所以决定直接使用apifox

其实Apifox看着更先进

对比维度	Apifox Mock	Mock.js
产品定位	全流程 API 管理工具（集成文档、调试、Mock、测试）1 6	前端数据模拟库（仅生成随机数据）1 5
Mock 规则生成	可视化定义字段规则，智能匹配数据类型（如邮箱、手机号）4 8	需手动编写数据模板，依赖代码实现1 5
协作能力	支持团队实时协作，Mock 数据与接口文档自动同步3 6	仅限本地使用，无协作功能1 4
环境支持	支持本地/云端 Mock 切换，内置鉴权机制4 6	仅限本地开发环境1 5
扩展性	支持 Nunjucks 脚本、自定义脚本及 Mock.js 语法2 5 8	依赖 Mock.js 原生语法，灵活性高但需编码实现复杂逻辑1 5
自动化能力	与自动化测试、性能测试联动，支持 CI/CD 集成1 6	仅生成数据，需搭配其他工具完成测试1 3
学习成本	低（可视化操作，零代码配置）4 8	较高（需熟悉 JavaScript 及 Mock.js 语法）5 7
适用场景	中大型团队协作、全生命周期 API 管理1 6	个人或小型项目快速生成静态数据1 5
安全性	支持鉴权、IP 白名单等安全策略4 6	无内置安全机制1
维护成本	接口修改后 Mock 规则自动更新4 8	需手动同步接口变更1 5

平时简单场景搭建示例

我的项目是通过dotenv注入到vite.config.ts的proxy设置上