使用whistle代理提高开发效率

2024-06-18 分类：前端之旅阅读(209) 评论(0)

仓库地址:https://github.com/avwo/whistle

安装使用: npm install whistle -g

安装完成后,

在控制台使用 w2 启动,’

然后就可以看到

[i] whistle@2.9.22 started
[i] 1. use your device to visit the following URL list, gets the IP of the URL you can access:
http://127.0.0.1:8899/
http://10.0.7.99:8899/
http://0.0.1.1:8899/
http://169.254.87.0:8899/
http://169.254.137.154:8899/
Note: If all the above URLs are unable to access, check the firewall settings
For help see https://github.com/avwo/whistle
[i] 2. set the HTTP proxy on your device with the above IP & PORT(8899)
[i] 3. use Chrome to visit http://local.whistlejs.com/ to get started

从浏览器访问 http://127.0.0.1:8899/

在 rules 中新增规则:

比如host代理 127.0.0.1:10086 abc.def.com

比如将接口请求到 xx.com 的请求, body 里携带参数 abc=def 的请求, 返回接口返回.json

规则: xx.com includeFilter://b:abc=def resBody://{ 接口返回.json}

我们回到 values 里, 增加接口返回.json

在里面写入要响应的 json内容

这样我们访问就会被直接拦截!

分享到：更多 ()