whistle跨域浏览器vsole代理

whistle跨域浏览器vsole代理

纪念我的第一篇博客：
hello大家好，今天跟大家安利一个好用的代理模式，作为前端开发工程师，我们在开发时很容易遇到跨域的问题，我们首先会想到jsonp跨域或者CORS或者Nginx 反向代理，但是我为大家介绍的是proxy代理模式。

whistle官方链接：http://wproxy.org/whistle/

whistle基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用。

1. 全局安装whistle

 npm install -g whistle 

2. 打开cmd运行命令

//启动命令
w2 start
//停止
w2 stop
//重新启动
w2 restart

3. 下载谷歌扩展工具
去我的资源里面就可以免费下载哦

4. 解压之后直接拖到扩展程序里，以开发者模式打开

5.打开右上角选项进行配置
经过上述引入之后会发现右上角有如下小图标

6.改变配置项如下
最后别忘了点击应用选项哦~

7.然后在浏览器打开上边代理的端口

这里写要代理的域名随后空格拼接本地启动的服务

8.安装证书
点击顶部菜单栏https，马上就要成功了！

打开证书安装

9.最后的最后把本地localhost替换成线上要代理的域名就可以正常访问到本地的项目啦

########
就这么多，谢谢各位的观看~~~~
喜欢的点赞加关注♥~~~~
不懂的可以留言哦~~~~~