DiamondYuan
V2EX  ›  程序员

开源一个前端 mock 工具

By DiamondYuan at 2024 年 9 月 12 日 · 2469 次点击
https://github.com/MockForge/mockforge

在我之前供职于蚂蚁金服时,我们内部有一款非常实用的模拟工具,名为“bakery”。离开公司后,我发现自己非常怀念这款工具,因此决定自己动手复刻了一个简化版本。

这个工具的功能相对简单。它可以通过 Vite 或者 Webpack 进行集成。只需设置相应的环境变量,就能开开发的时候自动启动 MOCK 管理工具。

开发者可以在管理攻击编辑各个 API 的模拟结果。除了可以设置固定的返回结果外,还可以通过查询参数、请求体或路径参数进行匹配。

Mock 数据将被保存在本地代码库中,这样便于与其他开发者共享,从而提高了开发效率和协同工作的便利性。
4 条回复  •  2024-09-13 17:34:25 +08:00
iosyyy
   1
iosyyy  
   2024 年 9 月 13 日
好像不能直接运行接口 或者使用这个 mock 的结果 感觉用处不大
DiamondYuan
   2
DiamondYuan  
OP
   2024 年 9 月 13 日
@iosyyy

会在 html 里注入脚本,拦截全部的 xhr 请求。(公司内项目都是 axios ,没用 fetch ,所以我第一版只拦截了 xhr )

如果和配置的 mock 匹配,就会用 mock 数据。
foolishcrab
   3
foolishcrab  
   2024 年 9 月 13 日 via iPhone
这个 mock 配置页面不截个图放 readme 吗

这个要装包的便利度看起来不如 chrome requestly
DiamondYuan
   4
DiamondYuan  
OP
   2024 年 9 月 13 日
@foolishcrab

mock 数据和代码是放在一起的,方便写测试,本地管理。

通过 npm 集成,可以让所有维护者都不需要安装插件。
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
© 2026 V2EX · 23ms · 3.9.8.5