whistle+Proxy SwitchyOmega代理前端页面接口到本地开发服务

原创 已于 2023-03-28 21:03:25 修改 · 3.9k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #proxy模式

于 2023-03-28 20:48:46 首次发布
该文指导如何安装node.js，通过npm全局安装whistle，并启动。接着介绍了安装谷歌代理插件ProxySwitchyOmega，并配置系统代理。然后在whistle中设置测试域名，验证配置成功。最后，提到当涉及https时，whistle需相应配置。
一、安装node

whistle是基于node实现的

node.js官网：http://nodejs.cn/

二、安装whistle
#终端使用npm命令安装whistle
npm install -g whistle
#启动命令
w2 start

在这里插入图片描述

三、安装谷歌代理插件

国内插件下载地址 https://www.crxsoso.com/

Proxy SwitchyOmega

在这里插入图片描述

配置proxy

在这里插入图片描述

系统代理 切换至所选 代理配置

最低0.47元/天 解锁文章
实现whistle代理避开登录token、cookie实现线上地址运行本地代码
可可爱爱的你吖的博客
05-30 1314
实现whistle代理避开登录token、cookie实现线上地址运行本地代码
whistle+SwitchyOmega前端api代理调试
m0_37820751的博客
01-04 1290
whistle官网whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器，功能很强大。
whistle的代理接口使用
一个小白的成长历程
12-17 3524
whistle使用代理接口的应用，解决了接口不可用而影响项目开发进程的问题
SwitchyOmega浏览器插件配置代理
最新发布
qq_49143427的博客
09-27 1733
SwitchyOmega是Chrome和Firefox浏览器上的代理扩展程序，可以轻松快捷的管理和切换多个代理设置，支持HTTP、HTTPS、SOCKS4、SOCKS5等多种代理协议。Whistle支持HTTP/HTTPS/SOCKS/反向代理，可拦截修改主流网络协议流量，内置 Weinre 等调试工具。通过配置规则修改请求/响应，提供包含查看抓包、配置规则、管理插件及调试工具的一站式界面
使用线上域名访问本地代码调试——whistle代理
weixin_45629623的博客
12-03 5267
本次场景 h5开发时候，一些场景是依赖线上合法域名的，比如“h5跳小程序”，“授权（有别的更好解决方案）”。还有一些奇奇怪怪情况把，一下子想不起来。 所以利用whiistle，把本该请求线上的html、js文件替换成我们本地的html、js文件，达到一种调试的效果 如何使用whistle？ 安装启动 详情请参考官方文档：whistle-安装启动 概要版介绍也可以参看这篇文章：一文搞定前端代理骚操作！再也不怕线上bug啦！ 简要概括下流程: 安装启动whistle 安装证书 浏览器/手机开启代理 whi
java项目谷歌浏览器Whistle 代理到本地
12-30
利用谷歌浏览器代理到本地进行测试，里面包含谷歌浏览器插件，还有详细操作步骤，欢迎使用，谢谢！有不足的地方，请留言，继续改进
本地开发使用 whistle+ Proxy SwitchyOmega 配置 web 代理
MsWRight的博客
10-31 1375
首先需要安装查看版本，如果能正确输出whistle的版本信息，就表示安装成功whisle -V然后启动whistlew2 start之后就需要配置代理出现之后点击打开会出现这个页面，在这里填写配置的代理就可以啦。
前端模拟后台接口，使用Whistle+Switchy Omega，搭配联调环境
Komorebi的博客
08-29 1847
Whistle安装配置与SwitchyOmega安装配置，搭配联调环境
SwitchyOmega 配置前端代理
前端开发
12-24 4214
switchyomega 使用简介 - 解决前端开发与不同后端联调问题！ 不管前端开几个服务，不管后端接口多少对接人。 一招搞定。
whistle以及谷歌插件Proxy SwitchyOmega实现代理
小漠007的专栏
05-31 3326
whistle提供本地服务器，以及代理Proxy SwitchyOmega拦截浏览器的网络请求，指向whistle服务 ip安装whistle启动会看到如下内容就是服务的ip和端口号，点击后找到rules编辑如下图的格式。
Proxy SwitchyOmega最新2.5.10
02-07
Proxy SwitchyOmega最新2.5.10，Proxy SwitchyOmega最新2.5.10
SwitchyOmega-2.5.21_0.crx
01-08
前端代理插件，以来nodejs，需要安装npm i whistle -g 配置代理服务器127.0.0.1：8899，登录本地localhost：8899，配置前端请求转发地址
whistle代理、SwitchyOmega 安装及使用
m0_61049675的博客
12-11 2272
2、数据请求和页面请求进行分离，aa.com/api是后端接口，返回的是一串JSON数据，aa.com返回的是一个html页面，假设页面aa.com想要获取aa.com/api的JSON数据，由于前端（8081）与后端（8080）使用的端口不同，导致出现跨域，前端8081是访问不到后端8080数据的，使用代理来访问相同域名下的不同路径就可以避免这个问题；1、安装完成后，命令行输入： w2 help，看到如下图界面，表示已安装成功。3、https必须安装证书！2、安装 Whistle。
开发者本地网络代理插件whistle
hzxOnlineOk的博客
05-21 520
文档 http://wproxy.org/whistle/webui/rules.html 安装whistle Node安装成功后，执行如下npm命令安装whistle （Mac或Linux的非root用户需要在命令行前面加sudo，如：sudo npm install -g whistle） $ npm install -g whistle 扩展程序 开启 ...
whistle+SwitchyOmega代理工具安装及使用教程
ppy0915的博客
04-23 2459
1.首先进入whistle界面，首先点击https，！在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入w2 help，如果能正常输出whistle的帮助信息则说明已经安装成功。在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入相应命令查看版本号，如果显示版本号就说明安装成功。在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入下面的命令安装whistle。下载完后打开安装包，一直点下一步，直到安装成功。
初探whistle（服务器环境代理到本地，直接进行开发）
CuiJianJun_的博客
04-25 2138
## 前端调试利器 --- whistle #### whistle 代理工具 > 推荐[whistle](https://wproxy.org/whistle/) , 安装按照官方文档(https://wproxy.org/whistle/install.html) #### 常用规则rules ```python # 基本host , 支持按目录转发 127.0.0.1 js.t.baidu.cn #更改host 127.0.0.1 js.t.baidu.cn/t6/objects #
whistle本地代理线上（vue项目）
想想挺好啊
01-10 1940
whistle代理
搭建whistle代理环境
fankl1437的博客
09-19 1503
whistle + swithcyOmega 搭建代理服务
whistle+proxy实现页面调试
月下lk山人的博客
02-24 2096
1、whistle安装 npm install -g whistle 安装完成后，控制台启动whistle w2 start 启动完成后，打开路径http://127.0.0.1:8899/#network，页面如下所示，即表示whistle安装完成 2、proxy插件下载 个人比较喜欢Proxy SwitchyOmega，搭配Google，完美！ 下载地址：https://github.com/FelisCatus/SwitchyOmega/releases 如上图，选中.crx下载，完成后添加到
whistle怎么代理mac
08-26
- **代理失效**：确保Whistle服务在运行（`w2 restart` 重启），且SwitchyOmega或移动代理设置正确。 - **HTTPS抓包**：在Whistle控制面板启用“HTTPS”选项，并安装根证书（详细步骤见面板提示）。 - **资源占用*...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值