http mock方式，Windows mac通用

第一步：安装node

安装 Node，推荐安装最新版的 Node,虽然 whistle 支持 v0.10.0 以上版本的 Node。 自行百度安装即可

第二步：安装whistle

安装 whistle

npm install -g whistle 

sudo npm install -g whistle

安装完成后驱动 whistle

• w2 start

有以下信息，就代表启动成功了

第三步：设置代理

通过选项打开设置代理

这里的代理服务器和代理端口需要和上面的一致，随后保存

启动成功后，访问http://127.0.0.1:8899/#network 如果能访问，就代表成功了，不能访问则需要检查本地环境

这里可以用于日常抓包，也可以进行mock数据配置

Network 是拦截的请求

Rules是操作规则配置

Values存放 KeyValue 的系统

Plugins是插件

这里有一些常用的命令

w2 help // 查看帮助，里面很多常用的命令

w2 restart // 重启 whistle

w2 stop // 停止 whistle

w2 run // 调试模式启动whistle(主要用于查看whistle的异常及插件开发)

第四步：安装证书

点击https，然后

需要安装到系统钥匙串，然后找到whistle

这样就可以了

第五步：设置浏览器代理插件

设置浏览器代理插件，需要使用chrome浏览器

https://chrome.google.com/webstore/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif

安装插件地址

安装完成后设置代理地址

设置完成后，进行打开插件

找到他并进行置顶

然后在打开你刚刚设置代理name

第六步：开始mock

在http://127.0.0.1:8899/#rules 这地址下，新建你的数据接口，复制到json？即可

然后以下面的方式填写到rulse里面，可以随便命名

line`

接口名称.json?

resBody://{cors.json}

`

上面的代表接口，下面的代表方法

resBody是保持原有返回头的情况下，覆盖返回的body，也就是说，会覆盖我们返回的数据，填写完成后一定要保存，并且是属于勾起来的状态

然后开始准备mock的数据

、

吧返回的数据，全部复制到 cors.json文件里面，，cors文件名可以随便写，和上面配置对齐即可，要是不确定，可以在rules 长按command 并点击，他会自动跳转到你配置的这个json文件

数据修改完成后，保存，一定要保存，不然不会生效

这里有个星号，代表你修改了，但是没保存

然后发起请求，一般到这里就mock成功了，如果没成功，可以通过以下方式排查

这里的远程地址，是你配置的代理地址

这里返回的resbody 是你配置的json地址

颜色会变成蓝色

如果以上都ok的话，就是mock的数据不对，或者方法不对，可以百度搜索一下其他方法