文章目录
- whistle+SwitchyOmega配置代理
- 什么是whistle
- 什么是SwitchyOmega
- 示例:
- 作用
- 为什么不直接使用SwitchyOmega代理
whistle+SwitchyOmega配置代理
什么是whistle
whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器。
- 下载:
npm install -g whistle
- 启动:
w2 start
- 关闭:
w2 stop
当我们启动whistle过后,可以访问http://127.0.0.1:8899whistle的控制界面
- 配置代理:
在whistle控制界面,我们可以配置我们需要的代理规则,当走到了我们127.0.0.1:8899
就会进行里面的匹配,这里我主要是把:127.0.0.1:3000
配置代理到dev.bilibili.com
上 - 作用:当我们访问
dev.bilibili.com
的时候,其实是访问的内部的127.0.0.1:3000,
但是发起请求的时候,服务器会认为是dev.bilibili.com
发起的,后面会通过这个解决一个跨越
什么是SwitchyOmega
是一个chrome浏览器的插件,可以用于配置proxy
- 在这里我们通过proxy,把所有的请求的请求代理到了
127.0.0.1:8899
上面,然后我们就可以走whistle的代理规则了
示例:
- 我们启动whistle配置代理规则,然后通过SwitchyOmega把所有请求代理到
127.0.0.1:8899
- 我们去请求
https://dev.bilibili.com
- 首先由于 SwitchyOmega ,被代理到了127.0.0.1:8899
- 然后 whistle 里面自己去配置,然后验证
dev.bilibili.com
代理到127.0.0.1:3000
作用
- 由于使用的接口会出现跨越,后端设置了白名单,其中就是
https://dev.bilibili.com
是白名单 - 所以我们在本地启动的
127.0.0.1:3000
通过代理,相当于是浏览器https://dev.bilibili.com
发起的请求,因此解决了跨越
为什么不直接使用SwitchyOmega代理
- 主要是
SwitchyOmega
的代理主要是对http
请求的代理,在这里使用SwitchyOmega
相当于是一个担当了一个桥梁的工具 whistle
可以更好的对https
请求进行代理(注意:需要配置证书等等)