Shelf · 书架

    Keyboard · 快捷键

    ⌘K / CtrlK
    打开搜索
    /
    打开搜索(输入框外)
    ?
    显示这份快捷键
    ↑↓
    选择搜索结果或动作
    Enter
    打开文章或执行动作
    ⌘Enter / CtrlEnter
    在正文中搜索
    Esc
    关闭面板

    Chrome extension · 使用指南

    跨域代理助手:安装与规则

    一条浏览器规则,把 FAT 前端指到 UAT 后端:不改代码、不改后端 CORS、不用重新构建。请求头/响应改写、Mock、延迟、阻断与 WebSocket 转发也走同一套规则。

    • Chrome MV3
    • MIT 开源
    • 已上架应用商店
    跨域代理助手 产品示意图

    它解决什么问题

    • 前端切环境通配符匹配加目标重写,把 dev 页面的请求指到 test 或 UAT 后端,不用改一行前端配置。
    • 联调时造数据按规则 Mock 响应、改写请求头、注入延迟或阻断埋点,复现只在特定返回下出现的问题。
    • 看请求到底去了哪实时请求日志按规则展示命中链路,WebSocket 也能转发,排查跨域与代理问题时少开一个抓包工具。

    安装三步

    1. 从商店安装打开 Chrome 应用商店条目,点「添加至 Chrome」,按提示确认权限。
    2. 新建一条规则在选项页写匹配条件与目标地址,需要时再加请求头、响应改写或 Mock。
    3. 打开页面验证回到目标页面刷新,在请求日志里确认规则命中;不命中时先看匹配条件与规则顺序。

    权限与数据边界

    • 数据边界规则与日志只存本机,不经过作者的服务器;扩展需要访问你配置的目标域名,范围以安装提示为准。
    • 不改后端它重写浏览器发出的请求目标,不要求后端加 CORS 头,也不改你的构建产物。
    • 权限清单安装时 Chrome 会列出它需要的权限;以安装提示和仓库 README 为准。
    常见问题(4)

    它和普通的 CORS 插件有什么区别?

    它把请求重写到目标后端,不需要后端改 CORS,也不用重新构建前端;规则还能改写请求头、响应、Mock 与延迟。

    支持 WebSocket 吗?

    支持。WebSocket 转发与实时请求日志在同一套规则里。

    规则和日志存在哪?

    只存在本机,不上传服务器。

    能阻断埋点或 Mock 数据吗?

    可以。规则支持 Mock 响应、延迟注入和阻断指定请求。

    安装后没反应?先看这三条

    商店条目打不开

    从仓库 Releases 下载 zip,在 chrome://extensions 打开右上角「开发者模式」,点「加载已解压的扩展程序」并选中解压目录。移动端 Chrome 不支持扩展,这一步要在桌面版完成。

    安装了但工具栏没有图标

    点地址栏右侧的拼图图标,找到这款扩展并点「固定」,然后刷新当前页面。Chrome 不会自动把新扩展放到工具栏。

    更新后数据还在吗

    这三款都把账号、规则或转换记录存在本机,正常更新扩展不会清掉;重要数据仍建议按仓库 README 的方式备份。