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

前端调试利器 --- whistle

whistle 代理工具

推荐whistle , 安装按照官方文档(https://wproxy.org/whistle/in...

常用规则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

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