whistle 转发请求

whistle vue webpack 开发

使用工具： npm whistle proxyOmega 插件

使用步骤:

1. 安装并运行：whistle

   $ npm install -g whistle
   $ w2 run 

2. 使用 Chrome 访问 whistle 设置网站：默认 http://127.0.0.1:8899/
   如果不成功，结束终端进程重新运行 w2 run
3. 配置 whistle：
   在 whistle 配置页面写入
   
   含义是当使用 whistle 代理访问 http://dev.test.com 时，实际访问的是 127.0.0.1:8080（可更改为本地的开发服务器）
4. 配置代理 proxy SwitchyOmega 插件
   访问 谷歌浏览器官方商店 搜索 proxy SwitchyOmega 并加载插件
   在其选项中如图进行设置
   
   
5. 开启 webpack 的测试 $ npm run dev （默认是 127.0.0.1:8080）
   可以在 webpack 的设置中修改端口，如果修改的话，要对应修改 whistle 的指向
   5.5 修改 webpack.dev.conf.js 中的 devServer.disableHostCheck = true
6. 打开 proxy SwitchOmega 的代理
   
7. 在 chrome 中访问 http://dev.test.com 即可使用这个域名下面的 cookie，访问特定的接口。进行调试也可以访问需要 cookie 的接口