whistle的代理接口使用

whistle的使用

whistle是基于Node实现的跨平台抓包调试代理工具，在前端开发中，当后台的接口还未正常使用时，可使用mock将数据代理到本地，这样就可以解决接口还未完善而导致项目无法进行的问题！

whistle的官方网址：点击进入http://wproxy.org/whistle/install.html

whistle的安装使用教程：https://www.cnblogs.com/kunmomo/p/11811458.html

启用指令：w2 start -p 8100 // 指定端口号为8100
终止指令：w2 stop

window系统下

Google谷歌浏览器添加Proxy SwitchyOmega的扩展程序，配置好代理的服务器与代理的端口号
可进行在本地添加一个mock的文件夹进行存放代理到本地的文件
Google谷歌浏览器添加二维码(QR码)生成器(QR Code Generator)的扩展程序，进行项目运行的二维码生成，可用已配置代理的手机扫描二维码进行手机端的查看；

（手机配置代理：添加下载证书，链接同一网络，并且更改端服务器与端口号，前方的教程有说到）

// 请求头的配置 - 
test.*****/cgi-bin/Gateway.fcgi resHeaders://{CORSHeaders}
https://***********.fcgi?method=query C:\Users******mock\query.json

将项目的地址代理到本地：代理的地址127.0.0.1 test.****.qq.com

• 更改本地的host文件：C:\WINDOWS\system32\drivers\etc；进入文件夹中进行添加映射
• Google安装并配置好扩展程序，输入localhost:端口号即可打开；如http://localhost:8100
  

使用whistle内置的Weinre调试移动端页面

可进行在移动端查看元素并进行真机上的样式调试

test*****com weinre://