开源一个前端 mock 工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 104 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://github.com/MockForge/mockforge

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

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

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

Mock 数据将被保存在本地代码库中，这样便于与其他开发者共享，从而提高了开发效率和协同工作的便利性。

4 条回复 • 2024-09-13 17:34:25 +08:00

iosyyy

104 天前

好像不能直接运行接口或者使用这个 mock 的结果感觉用处不大

DiamondYuan

104 天前

@iosyyy

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

如果和配置的 mock 匹配，就会用 mock 数据。

foolishcrab

103 天前 via iPhone

这个 mock 配置页面不截个图放 readme 吗

这个要装包的便利度看起来不如 chrome requestly

DiamondYuan

103 天前

@foolishcrab

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

通过 npm 集成，可以让所有维护者都不需要安装插件。