SwitchyOmega 配置前端代理

2024-06-18 00:00:24

使用说明：

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/

2，启动插件 w2 start

3，进入选项：

4，添加代理

配置需要走代理的模式：（前端服务，后端api 等）

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/

设置右上角的代理模式为刚刚添加的代理就可以进行前端测试了。

6切换查看请求日志

7设置正常访问其他网站

添加 auto switch

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

把需要代理的域名配置到上面下面配置直接链接（注意代理生效优先级）

将代理模式设置为auto switch。

现在可以随便配置代理进行前后端联调啦！

外链图片转存中…(img-XJM796yD-1577180222236)]

将代理模式设置为auto switch。

现在可以随便配置代理进行前后端联调啦！

SwitchyOmega 配置前端代理相关推荐

whistle+switchyOmega配置web代理
首先安装whistle这个代理软件: // 首先要安装node 自行去官网下载安装此处跳过 // 使用npm全局安装whistle npm i -g whistle 安装成功后启动whistle: ...
5 分钟解决前后端联调问题，说一说前端代理这件事
简介: 简洁,又能触达痛点的一站式前端代理解决方案,你值得拥有. 作者:寒斜说到前端代理,相信每一个做过前后端联调的同学都有遇到过.当下涉及前后端工程项目的研发,主流模式一定是前后端的分离.它让前后 ...
NGINX前端代理TOMCAT取真实客户端IP
nginx前端代理tomcat取真实客户端IP 使用Nginx作为反向代理时,Tomcat的日志记录的客户端IP就不在是真实的客户端IP,而是Nginx代理的IP.要解决这个问题可以在Nginx配置一 ...
企业微信小程序_小程序开发工具及真机调试_host配置及代理
文章目录一.开发前准备 1. 开发文档 2. 工具安装 3. 安装插件 4. 调整编译模式 5. 选择企业 6. PC 调试前端 7. PC 调试后端二.甄姬调试前端 2.1. 预览小程序 2.2 ...
Windos环境用Nginx配置反向代理和负载均衡
Windos环境用Nginx配置反向代理和负载均衡引言:在前后端分离架构下,难免会遇到跨域问题.目前的解决方案大致有JSONP,反向代理,CORS这三种方式.JSONP兼容性良好,最大的缺点是只支持 ...
apache 反向代理_通过 Apache 与 Nginx 配置 AJP 配置反向代理
↑ 点击上面 "时代Java"关注我们, 关注新技术,学习新知识! 前言目前,随着公有云的出现,一些大型的服务提供商将很多的基础服务以公有云的形式发布出来,而企业则可以使用这些基 ...
前端代理解决跨域问题
涉及知识点 1.前端代理:解决跨域的问题 1.1了解跨域代理:https://segmentfault.com/a/1190000010719058 跨域是由浏览器同源策略引起的,是指页面请求的接口地 ...
ngnix配置反向代理
下图是我们要设计的服务器集群结构,所有的请求都经过Nginx,如果是静态资源的请求,则直接访问Ngnix的本地磁盘(或者NAS),其余的动态资源请求均由Nginx转发到后端服务器. OpenResty ...
google浏览器 Proxy SwitchyOmega 插件设置代理访问内网服务器
通过代理实现访问内网系统 https://www.cnblogs.com/gwxaizxh/p/10455313.html 通过socks5方式连接内网服务器 1. 设置隧道使用远程登陆工具,如se ...

最新文章

热门文章