whistle代理、SwitchyOmega 安装及使用

whistle配置

Windows

1、安装 Node(已装可跳过)，打开 https://nodejs.org/，下载安装 (opens new window)LTS 版本的 Node 即可；
2、安装 Whistle

//windows
$ npm i -g whistle @tencent/whistle.txpac --registry=http://r.tnpm.oa.com
//mac
$ sudo npm i -g whistle @tencent/whistle.txpac --registry=http://r.tnpm.oa.com

//如果是在家里普通网络，则只需 npm i whistle 或 sudo npm i whistle即可，不需要安装 txpac

3、https必须安装证书！！！！

• 打开 whistle 的界面，下载根证书，开启捕获HTTPS请求：
• 下载得到以下证书

• 双击 下载好的证书
  

iOS

自行查阅资料

安装配置完毕

1、安装完成后，命令行输入： w2 help，看到如下图界面，表示已安装成功。

配置浏览器代理扩展

1、安装 SwitchyOmega

2、新建情景模式及配置

启动 Whistle

//在项目根路径运行
$ w2 start

配置方式

常用的代理规则，把常规域名请求转发到本地服务器
1、这里我把5个地址请求全部转发到localhost:8080，我在浏览器上访问这5个地址全部都会显示本机localhost:8080提供的内容，你可以把任务想要代理的地址直接转发到另外的地址上；
2、数据请求和页面请求进行分离，aa.com/api是后端接口，返回的是一串JSON数据，aa.com返回的是一个html页面，假设页面aa.com想要获取aa.com/api的JSON数据，由于前端（8081）与后端（8080）使用的端口不同，导致出现跨域，前端8081是访问不到后端8080数据的，使用代理来访问相同域名下的不同路径就可以避免这个问题；

关闭 Whistle

$ w2 stop