whistle + SwitchyOmega前端调试利器

[CruxF]

安装启动

• 根据官网的参考步骤进行安装启动
• 在这过程中可能会发生npm与node不匹配的问题，那么进行npm升级即可
• 在这过程中可能会发生权限不足导致无法安装的问题，那么使用管理员的身份在cmd命令行安装即可
• 在这过程中可能会发生cmd命令行无法识别w2或者whistle，那么在系统变量中添加相关path即可

PC端调试步骤

• w2 start
• 打开默认网址：http://127.0.0.1:8899/
• 添加规则
• 安装SwitchyOmega谷歌浏览器插件，并进行配置
• 安装证书，下载证书后，双击证书，根据指引安装证书【证书需要存储到受信任的根证书颁发机构下】
• 之后开启代理，我们就可以将vue项目跑起来的http://localhost:8080/premiu/地址换成http://pre.scp.xx.com/premiur/，那么此时此刻就能够在真实环境中测试代码，并且本地改动的代码能够及时热更新。

移动端调试步骤

• 电脑和手机在同一wifi中
• 手机安装证书（1、扫电脑端https二维码暗转；2、电脑将下载好的安装包发送给手机进行安装）
• 设置手机wifi的“代理设置”（手动、服务器或者主机为电脑IP、端口为whistle端口8899）
• 此时手机访问http://pre.scp.xx.com/premiur/也是通的

参考

• 官网
• whistle手机抓包
• whistle前端调试利器