Atoms_生成代码二次修改接口返回字段实操代码

Atoms可拦截并重写接口响应体：启用后定位请求→启用URL拦截→创建overrides文件夹→在对应路径下新建response.json写入修改后数据，保存即生效，关闭Enable Overrides可恢复原始接口。

用 Atoms 工具二次修改接口返回字段

在前端联调阶段，后端尚未提供完整字段或需临时补全、脱敏、重命名某几个返回字段时，可通过 Atoms（基于 Chromium 的轻量级调试工具）直接拦截并重写响应体，无需改后端代码、不依赖 mock 服务、不污染本地环境。

启用 Atoms 并加载目标页面

下载安装 Atoms v1.8.3 或更高版本（仅支持 Windows/macOS），启动后打开目标 Web 应用 URL。确保页面已触发至少一次待修改的接口请求，否则后续无法定位该请求。

按 Ctrl+Shift+I（Windows）或 Cmd+Option+I（macOS）唤出开发者工具 → 切换到「Network」标签页 → 勾选「Preserve log」防止刷新后清空记录。

定位并拦截目标接口请求

在 Network 列表中找到对应请求（如 /api/user/profile），右键 → 选择「Block request URL」→ 在弹出框中输入精确路径（支持通配符，例如 */api/user/*）→ 点击「Add」。

此时该接口后续所有请求将被拦截，Atoms 自动跳转至「Overrides」面板。若未自动跳转，手动点击左侧面板中的「Overrides」图标（三个水平线+折线图）。

创建本地覆盖文件夹并映射

点击 Overrides 面板右上角「⋯」→ 「Select folder for overrides」→ 新建一个空文件夹（如 atoms-overrides）并授权访问。

刷新页面，Atoms 会在该文件夹下自动生成与请求路径一致的子目录结构，例如：/api/user/profile → 对应生成 atoms-overrides/api/user/profile 文件夹。

编写修改逻辑：静态替换与动态注入混合

在 atoms-overrides/api/user/profile/response.json 中写入完整响应内容。注意：Atoms 默认将整个响应体替换为该文件内容，不支持脚本执行。

当需要对字段进行动态处理（例如将phone字段脱敏成138****1234这种形式）时，需借助外部工具提前生成JSON。在此推荐使用VS Code，并安装「JSON Tools」插件。具体操作步骤为：选中原始响应，然后右键点击，选择「Transform: Replace」，接着输入正则表达式 "phone":s*"(d{3})d{4}(d{4})"，最后将其替换为

修改完成后保存文件，Atoms 自动监听变更。再次发起请求，浏览器将返回该 JSON 文件内容，且 DevTools Network 面板中该请求状态码显示为 (from override)。

关闭覆盖并恢复原始接口

在 Overrides 面板中，点击左上角「Enable Overrides」开关将其关闭（变为灰色）。此时所有被拦截的请求立即恢复直连后端，不再读取本地文件。

如需彻底清除痕迹，右键点击 Overrides 面板中任意文件 → 「Delete override」，或直接删除 atoms-overrides 文件夹。