前端联调告别硬编码 Mock：reqix 插件在 DevTools 中直接拦截改写请求

前端开发者在接口联调阶段，普遍存在在代码中临时写入 mock 数据的做法，提测前需手动删除，一旦遗忘便可能将测试数据提交上线，埋下线上隐患。V2EX 用户近日分享了一款自研的 Chrome 调试插件 reqix，旨在解决这一痛点。该插件可直接在浏览器 DevTools 中创建和管理 mock 数据，无需修改业务源代码，同时支持修改请求与响应的 header、拦截网络请求、脚本注入等功能，覆盖前端调试中的多个高频场景。据作者介绍，插件完全免费，无需登录账号，所有数据均在本地存储，不涉及云端同步，对数据隐私较为友好。用户可通过官网地址安装试用，作者承诺向提交 bug 和改进建议的社区用户赠送铜币作为激励。从产品形态看，reqix 与 Whistle、Charles 等抓包调试工具定位相近，但更强调与 Chrome DevTools 的一体化集成，省去代理配置环节，降低了上手门槛。该插件目前以 Chrome 扩展形式发布，官网托管于 GitHub Pages，作者表示将根据社区反馈持续迭代。这一分享也引发社区对前端联调流程规范化的讨论：硬编码 mock 数据虽是普遍的临时方案，但借助工具将调试逻辑与业务代码解耦，正成为前端工程化建设的重要方向。

事件分析

核心观点：调试逻辑与业务代码解耦是前端工程化的必经之路，浏览器内 Mock 工具正在把这条路的门槛降到个人开发者触手可及。