使用说明:
chrome安装完成插件之后启用插件
1,启用插件
npm install -g whistle
安装插件地址:
(chrome插件商店)https://chrome.google.com/webstore/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif
(github)https://github.com/FelisCatus/SwitchyOmega/releases
chrome下启用插件
chrome://extensions/
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uwbvax1L-1577180222233)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577177461692.png)]](https://i-blog.csdnimg.cn/blog_migrate/7304c0591609ad0a4aa23bc5cd4dc947.png)
2,启动插件 w2 start
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q2uOJjeH-1577180222233)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178046686.png)]](https://i-blog.csdnimg.cn/blog_migrate/284a2dc3e17042188a365b953e4a40c3.png)
3,进入选项:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I5ujzmSg-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178135601.png)]](https://i-blog.csdnimg.cn/blog_migrate/9c25e8e715209a777df34c517b9e2008.png)
4,添加代理
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sxWfdrpr-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178739938.png)]](https://i-blog.csdnimg.cn/blog_migrate/4e759665a4c5fbbe4e3f687a3c3b2b12.png)
配置需要走代理的模式:(前端服务,后端api 等)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ygXBeb6V-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178764089.png)]](https://i-blog.csdnimg.cn/blog_migrate/48eb851530ebd192cc9c806e1ca5d017.png)
5,配置代理
打开 配置
http://127.0.0.1:8899/
具体配置规则 : http://wproxy.org/whistle/pattern.html
常见配置如下:
# 配置方案1
www.domain.com 127.0.0.1
# 配置方案2 当你同时开了两个前端服务的时候就很好用啦
www.domain.com 127.0.0.1:81
#对于各种后端接口需要根据链接区分的情况 可以配置不同的链接路径对应不同的后端地址
http://www.domain.com/api1/ http://api.domain.com/api1/
http://www.domain.com/api2/ http://{ip}/api1/
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i1d58KKF-1577180222235)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577179235417.png)]](https://i-blog.csdnimg.cn/blog_migrate/19a45e45d26a87805571a813b9fa542d.png)
设置右上角的代理模式为 刚刚添加的代理 就可以进行前端测试了。
6切换查看请求日志
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6Nxe6VBJ-1577180222235)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577179588717.png)]](https://i-blog.csdnimg.cn/blog_migrate/ad16afbeaea73466c3e64aadfaef7dc7.png)
7设置正常访问其他网站
添加 auto switch
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j1JCDE6Y-1577180222236)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577179703994.png)]
把需要代理的域名配置到上面 下面配置直接链接(注意代理生效优先级)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XJM796yD-1577180222236)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577179822777.png)]](https://i-blog.csdnimg.cn/blog_migrate/25a4ac590010fa56edb4c697bf571efe.png)

将代理模式设置为auto switch。
现在可以随便配置代理进行前后端联调啦 !
外链图片转存中…(img-XJM796yD-1577180222236)]
将代理模式设置为auto switch。
现在可以随便配置代理进行前后端联调啦 !
SwitchyOmega配置教程:前端代理设置
本文介绍了如何在Chrome中使用SwitchyOmega插件配置前端代理。首先从Chrome商店或GitHub下载并启用插件,然后启动插件,进入选项添加代理模式,配置代理服务器如http://127.0.0.1:8899/。通过遵循http://wproxy.org/whistle/pattern.html的规则来设定规则。最后,设置代理模式为auto switch,以便于前后端联调。
1320

被折叠的 条评论
为什么被折叠?



