Vue · 设置本地代理

本地开发的时，在浏览器访问项目的地址为 localhost， 但是当我们需要对接第三方验证后又回到本地项目时，由于第三方的回跳地址为正式服的域名就会不成功。这个时候就需要把域名映射到本地项目的地址，可以通过修改host文件实现。

1、本地安装Whistle
w2 start
启动后，添加rules：

/(?:https|http):\/\/griddev.jiuqi.com.cn/(.*)/ http://127.0.0.1:9898/$1

2、谷歌浏览器安装Proxy SwitchyOmega扩展
搜索 proxy switchyomega 添加
配置：

代理端口记得为： 8899，第一步中 Whistle 的默认端口号， 如果修改了 Whistle 默认端口号， 填修改后的。

3、浏览器操作

关键信息
选择proxy， 但是选择后 只有你第一步 rules 里面匹配到的域名能访问了， 并且是转到你配置的本地地址的。所以往第三方网站跳转会不成功，像这样：