前端小功能：whistle本地代理服务。

前端小功能：whistle本地代理服务，whistle本地代理模拟接口数据。

1. 安装 whistle，注意要全局安装 -g

sudo npm install -g whistle

2、启动whistle，命令：

w2 start

然后浏览器访问 http://127.0.0.1:8899/ 就可以配置了。

点击create创建一个rule， 配置信息如下：

https://www.baidu.com/ https://www.jd.com/

这样访问 https://www.baidu.com/ 就转发到 https://www.jd.com/ ，打开百度域名，实质打开的是京东的网站。

很多时候用于前端本地的运行的项目代理到线上的服务环境去调试，同时解决跨域的问题。

也适用于各种内网，外网的代理访问操作。

代理本地服务时，注意线上服务的文件路径问题，出现404，可以你本地的文件路径不一致了。

跨域代理，resCors://* 和 reqHeaders能解决大部分跨域问题

https://www.baidu.com/ 127.0.0.1:8180/ resCors://*
https://www.baidu.com/ 127.0.0.1:8180/  reqHeaders://host=www.baidu.com resCors://*

浏览器安装SwitchyOmega，一般都有这个插件，安装设置代理 为： http://127.0.0.1:8899/ 就可以

在谷歌浏览器打开应用商店，搜索并安装SwitchyOmega
https://chrome.google.com/webstore/category/extensions?hl=zh-CN

如果没有SwitchyOmega，其他第三方工具，可以找到工具中的代理服务，添加http://127.0.0.1:8899/也可以的。

刷新页面本地服务已经连接成功。

whistle-Mock数据

rules 下添加API规则：

https://baidu.com/api/test resBody://{test} statusCode://200
https://baidu.com/api/test {test}
https://baidu.com/api/test D:\smallbore\boreWord\photo.test.json

对象中的test，在values里面添加规则就可以了

{
    "code": 200,
    "result": {
        "test": 111,
        "rant": "smallbore"
    }
}

一般的数据请求基本可以完成的了。whistle任务也完成了。

 

非开发人员 - 代理客户端：https://github.com/alibaba/lightproxy

安装SwitchyOmega：

SwitchyOmega是一个Chrome插件可以快速切换代理环境配合Whistlejs使用。可以在Chrome或者Firefox的插件市场搜索，也可以使用下面的地址离线安装。

离线安装地址：https://github.com/FelisCatus/SwitchyOmega/releases

 

 移动端代理:

手机链接电脑的wifi，用ip+端口打开whistle页面中下载code文件，在手机描述文件（通用->设备管理里面）中去安装，安装完成后（通用->关于本机->证书信任中勾选）在设置电脑WiFi的代理设置。

测试代理是否完成。

 

前端小功能：whistle本地代理服务。