SwitchyOmega和charles配合使用替代nginx

SwitchyOmega可以轻松快捷地管理和切换多个代理设置。
charles是在Mac上常用的网络封包截取工具，还可以设置成系统的网络访问代理服务器。

之前都是使用nginx来实现反向代理，每次需要和后台连调的时候，命令行
nginx -t 选择 /usr/local/etc/nginx/nginx.conf 然后 按下 command 并点击或者使用vim进行编辑，编辑完以后，命令行中输入 sudo nginx -s reload进行nginx的重启

有没有觉得很繁琐，或许你会嗤之以鼻，这还烦碎，好吧，之前我也会觉得很方便了，刚才鑫哥向我科普了下他的使用方法，特地记下来，哪个方便，请自行选择。

网上两种工具的教程很多，以下列举几个强烈推荐的。

• Charles辅助调试接口
• Charles入门到精通

废话不说，上教程。

SwitchyOmega步骤

1. 自行下载Chrome的插件 SwitchyOmega 并完成配置。本教程也需要使用XX-Net，XX-Net

2. 下载好两个工具后，在SwitchyOmega中新建情景模式，输入名称，直接创建!

   
   
   

   Paste_Image.png

3. 在情景模式里面选择Charles(就是刚才咱们创建的)将代理服务器转换到Charles，配置如图

   
   
   

   Paste_Image.png

4. 然后在情景模式转换规则里面，添加条件，将所有Charlestest.com都切换到charles

   
   
   

   Paste_Image.png

5. 然后点击左侧的绿色按钮 => 应用选项，完成后，SwitchyOmega的配置就全部完成了。

赘述的太多了，简洁点就是 => 创建情景模式，并指向Charles => 添加转化规则 => 保存

Charles步骤

1. 下载安装Charles， 并设置成系统代理

2. 选择 NDS Soopfing

   
   
   

   Paste_Image.png
   
   

   添加规则，将chrome代理过来的charlestest.com 指向本地

   
   
   

   Paste_Image.png

3. 通过以上就完成了chrome访问charlestest.com指向本地的操作

4. 转发ajax请求，设置代理。选择Map Remote

   
   
   

   Paste_Image.png
   
   

   点击Add

   
   
   

   Paste_Image.png

5. 上图说明charlestest.com下面所有的 带有/ulrtest/* 的请求 都会转发到192.168.12.12:8081上面，192.168.12.12就是后台服务器所在的地址，可以添加多个匹配条件。

总结

通过chrome插件SwitchyOmega添加转换规则，将自定义的地址( 就是上面的charlestest.com)指向Charles代理
然后在Charles里面配置charlestest.com 进而指向本地的静态资源。
最后添加请求转发规则，每次修改的时候，只需要添加规则( 或者取消勾选)即可