文章目录

• 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的代理规则了

示例：

1. 我们启动whistle配置代理规则，然后通过SwitchyOmega把所有请求代理到127.0.0.1:8899
2. 我们去请求https://dev.bilibili.com
   • 首先由于 SwitchyOmega ，被代理到了127.0.0.1:8899
   • 然后 whistle 里面自己去配置，然后验证dev.bilibili.com代理到127.0.0.1:3000

作用

1. 由于使用的接口会出现跨越，后端设置了白名单，其中就是https://dev.bilibili.com是白名单
2. 所以我们在本地启动的127.0.0.1:3000通过代理，相当于是浏览器https://dev.bilibili.com发起的请求，因此解决了跨越

为什么不直接使用SwitchyOmega代理

1. 主要是SwitchyOmega的代理主要是对http请求的代理，在这里使用SwitchyOmega相当于是一个担当了一个桥梁的工具
2. whistle可以更好的对https请求进行代理（注意：需要配置证书等等）