SwitchyOmega 配置前端代理_switchy omeaga 前端-优快云博客

本文链接：https://blog.youkuaiyun.com/zengzeng011/article/details/103686995

本文介绍了如何在Chrome中使用SwitchyOmega插件配置前端代理。首先从Chrome商店或GitHub下载并启用插件，然后启动插件，进入选项添加代理模式，配置代理服务器如http://127.0.0.1:8899/。通过遵循http://wproxy.org/whistle/pattern.html的规则来设定规则。最后，设置代理模式为auto switch，以便于前后端联调。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用说明：

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)]$

2，启动插件 w2 start

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q2uOJjeH-1577180222233)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178046686.png)]$

3，进入选项：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I5ujzmSg-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178135601.png)]$

4，添加代理

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sxWfdrpr-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178739938.png)]$
配置需要走代理的模式：（前端服务，后端api 等）
$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ygXBeb6V-1577180222234)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577178764089.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)]$