初探whistle（服务器环境代理到本地，直接进行开发）

前端调试利器 --- whistle

whistle 代理工具

 推荐[whistle](https://wproxy.org/whistle/) , 安装按照官方文档(https://wproxy.org/whistle/install.html)

常用规则rules

# 基本host , 支持按目录转发

127.0.0.1 js.t.baidu.cn #更改host

127.0.0.1 js.t.baidu.cn/t6/objects # 不影响整个域的访问（按目录转发）

# 本地服务带端口，repoch项目

127.0.0.1 js2.t.baidu.cn:8088(或)js.t.baidu.cn:8088 # js2.t.baidu.cn 为repoch项目中project文件，devPrefix 字段的值

^shop.sc.baidu.com/h5/store/* file:///work-path/mobile-shop/index.html # 替换入口模版,格式（正则 -- 依据线上域名编写   本地目标文件） 

额外项目体验

repoch项目需要配置config/project.js 中的 devPrefix，一般默认为 devPrefix: "//js2.t.baidu.cn", 代理规则为 127.0.0.1 {devPrefix}:{devPort}
浏览器插件**SwitchyOmega****---**主要用途是把浏览器的网络请求转发到whistle代理

1. 下载**SwitchyOmega**插件，并启用
2. 创建一个情景模式，命名test
3. 选择类型 ---- 代理服务器
4. 配置如下：

whistle 的其他配置

1.  命令行开启whistle， w2 start
2.  安装对应的whistle证书
3.  安装对应的启用域名的的证书，eg：*.baidu.com
4.  **开启 Capture tunnel connects 和 Enable Http/2**

 - 目前常用的就这么多，如有其它实用技巧，请大家积极补充，共享