快速配置简单高效，Whistle轻松搞定本地跨域问题

什么是Whistle？

Whistle是一款本地跨域调试工具，基于Node实现，支持http、https、WebSocket协议，同时拥有网络抓包、重定向、Mock数据等功能。最重要的是，它可以通过简单的配置，轻松地解决本地开发环境下遇到的 CORS、Cookie、Referer 等跨域问题。Whistle提供了类似Fiddler的调试代理界面，用户可以手动调整代理规则，或者多种形式导入与导出。

Whistle的主要功能有哪些？

1. 实现跨域。Whistle本质上是一个网络代理服务，使用它可以将本地服务的请求转发至目标服务，同时将响应结果返回给本地环境，从而解决跨域问题。

2. 提供Mock数据。在本地实现数据模拟，对后端接口进行模拟并返回数据，可以方便的进行前后端分离的开发流程。

3. 抓包功能。可以对网络请求记录和重放，方便的查看接口返回结果，提高问题排查效率。

4. 断点调试。Whistle可以在代理过程中主动拦截请求，用户可以调试请求数据和处理结果。

5. 代理转发。可以不修改代码路径直接调用线上接口数据。

Whistle如何使用？

1. 安装Whistle。

在命令行执行以下命令即可完成安装：

npm install whistle -g

2. 启动Whistle。

在命令行输入以下命令即可启动：

w2 start

3. 配置Whistle。

可以在Whistle的WEB界面，或直接在本地配置文件进行修改，Whistle配置信息如下：

https://[任意字符串].local.whistlejs.com cgi-bin=turn://local.whistlejs.com http://127.0.0.1//##rules https://127.0.0.1//##rules

通过以上配置，可以将请求通过代理到指定服务，并返回模拟数据，同时Whistle通过WEB界面提供多种多样形式的调试辅助工具。

Whistle深度优化

1. 便捷规则输入。在WEB界面下，支持quick入口，可以快速添加 Redirect 和Host=127.0.0.1 的规则，并且, Whistle支持导入和导出各种规则。

2. 便捷的导航功能。Whistle支持命令行模糊匹配，将功能快捷聚合并导航读，可以方便快捷的查找各种功能菜单。

3. 彩色配置界面。配置界面的各种选项可视更活跃。

4. 提供屏幕模拟器功能。Whistle提供了Screen模拟器功能，可以用Chrome的User-Agent模拟器来调试和仿真WebApp或MobileApp，国内现有类似的功能，只有在开发阶段，使用起来很麻烦。

总结

本篇文章介绍，Whistle这款简洁的代理服务器开发调试工具，不仅可用于网络抓取、断点调试、反向代理等常规功能，更有重要的网络代理服务功能，利用Whistle可以实现本地环境跨CORS、实现Mock数据、接口中转、Https抓包等功能，可轻松应对多样的开发场景。希望对于开发人员在作品开发过程中遇到的跨域问题的解决，Whistle可以提供独具特色和便利性。