> 技术文档 > Chrome 插件,让你服务器的项目与本地联调 so easy!_chrome proxy插件

Chrome 插件,让你服务器的项目与本地联调 so easy!_chrome proxy插件


poseidon-chrome-proxy插件使用指南

poseidon-chrome-proxy是一款实用的浏览器请求代理插件,它能够将向服务器发起的请求代理到本地,还支持修改请求头。这在前后端联调以及线上问题定位等场景中非常有用,可有效降低开发成本。以下是该插件的详细使用步骤:

1. 插件下载

你可以通过访问下载地址来获取插件。目前我用的是2.1.0-beta,下载完成后,将压缩包解压到指定文件夹。

2. 安装插件

  1. 打开谷歌浏览器,点击浏览器右上角的“更多工具”,在下拉菜单中选择“扩展程序”。
  2. 在扩展程序页面,开启“开发者模式”。
  3. 点击“加载已解压的扩展程序”,选择之前解压好的插件文件夹进行安装。

3. 配置插件

安装完成后,点击浏览器右上角的插件图标,会弹出配置页面。配置内容采用json格式,主要包含以下几个部分:
Chrome 插件,让你服务器的项目与本地联调 so easy!_chrome proxy插件

  • domain:填写你需要代理的域名。例如,若要代理服务器10.1.48.80的请求,就在此处填写10.1.48.80
  • requestheader:用于设置请求头信息。按照“name:value”的格式,将需要设置的请求头信息填写在数组中。这里用的服务器中的token
  • matchingrules:这是一个拦截规则数组。其中,“route”表示请求拦截前缀,“targeturl”代表请求处理代理服务器的“ip:端口”。比如,配置({\"route\":\"/a/b\",\"targeturl\":\"127.0.0.1:8081\"}),那么符合“/a/b”前缀的请求就会被代理到“127.0.0.1:8081”服务器。
[ { \"domain\": \"10.1.48.80\", \"requestHeader\": [\"token:your_token\"], \"matchingRules\": [ { \"route\": \"/sys/userList\", \"targetUrl\": \"127.0.0.1:8081\" } ] }, { \"domain\": \"xx.20yx.net\", \"requestHeader\": [\"test:8888\"], \"matchingRules\": [ { \"route\": \"/\", \"targetUrl\": \"127.0.0.1:8080\" } ] }]

4. 启用代理

完成json配置后,直接关闭配置页面即可保存内容。接着,点击插件最下方的“停用/启用”按钮,将其切换到启用状态,此时插件就开始生效了。

使用注意事项

  1. 该插件与部分梯子存在冲突。如果你正在使用梯子上网,需要先禁用该插件,避免出现异常。
  2. “targeturl”只能填写“ip:port”格式。像“127.0.0.1:8080/xxx”这种格式是不会生效的,请务必注意格式的正确性。
  3. 部分代理网址可能会出现失效的情况,例如“www.baidu.com”。目前具体原因尚不明确,在使用过程中如果遇到类似问题,可尝试更换其他代理网址。