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

已于 2023-03-28 21:03:25 修改
阅读量3.3k 收藏 5
点赞数 7
分类专栏： java基础 工具 代理抓包 文章标签： java proxy模式
于 2023-03-28 20:48:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37160346/article/details/129824561
版权
该文指导如何安装node.js，通过npm全局安装whistle，并启动。接着介绍了安装谷歌代理插件ProxySwitchyOmega，并配置系统代理。然后在whistle中设置测试域名，验证配置成功。最后，提到当涉及https时，whistle需相应配置。

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

一、安装node

whistle是基于node实现的

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

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

在这里插入图片描述

三、安装谷歌代理插件

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

Proxy SwitchyOmega

在这里插入图片描述

配置proxy

在这里插入图片描述

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

四、whistle测试配置

进入配置页面 http://127.0.0.1:8899/

在这里插入图片描述

配置测试域名test.com 并保存

在这里插入图片描述

访问测试域名 test.com 能跳转至 whistle配置页面即成功

五、whistle代理后端接口

查看后端接口地址

请添加图片描述

在这里插入图片描述
如若域名配置了https， whistle也需配置https即可

在这里插入图片描述

实现whistle代理避开登录token、cookie实现线上地址运行本地代码
可可爱爱的你吖的博客
05-30 1176
实现whistle代理避开登录token、cookie实现线上地址运行本地代码
抓包工具之whistle(http、https、socks5)
最新发布
西京刀客
04-01 1130
[whistle](https://github.com/avwo/whistle)(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的[Fiddler](http://www.telerik.com/fiddler/)，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用
whistle 代理 抓包 本地替换
热门推荐
想起来，就学习一下
01-18 1万+
whistle-前端调试利器欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎...
java项目谷歌浏览器Whistle 代理到本地
12-30
利用谷歌浏览器代理到本地进行测试，里面包含谷歌浏览器插件，还有详细操作步骤，欢迎使用，谢谢！有不足的地方，请留言，继续改进
本地开发使用 whistle+ Proxy SwitchyOmega 配置 web 代理
MsWRight的博客
10-31 1165
首先需要安装查看版本，如果能正确输出whistle的版本信息，就表示安装成功whisle -V然后启动whistlew2 start之后就需要配置代理出现之后点击打开会出现这个页面，在这里填写配置的代理就可以啦。
whistle+SwitchyOmega前端api代理调试
m0_37820751的博客
01-04 1068
whistle官网whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器，功能很强大。
前端模拟后台接口，使用Whistle+Switchy Omega，搭配联调环境
Komorebi的博客
08-29 1452
Whistle安装配置与SwitchyOmega安装配置，搭配联调环境
whistle的代理接口使用
一个小白的成长历程
12-17 3430
whistle使用代理接口的应用，解决了接口不可用而影响项目开发进程的问题
SwitchyOmega-2.5.21_0.crx
01-08
前端代理插件，以来nodejs，需要安装npm i whistle -g 配置代理服务器127.0.0.1：8899，登录本地localhost：8899，配置前端请求转发地址
(源码)基于Webpack的JavaScript本地调试模板.zip
02-23
2. 本地调试配合whistle和Proxy SwitchyOmega插件，实现本地开发和调试的功能。 3. 热重载在代码修改后，可实现页面的实时更新，无需手动刷新。 ## 安装使用步骤 1. 下载源码下载项目源码文件并解压。 2. 安装依赖...
SwitchyOmega 配置前端代理
前端开发
12-24 4049
switchyomega 使用简介 - 解决前端开发与不同后端联调问题！ 不管前端开几个服务，不管后端接口多少对接人。 一招搞定。
whistle+SwitchyOmega代理工具安装及使用教程
ppy0915的博客
04-23 2028
1.首先进入whistle界面，首先点击https，！在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入w2 help，如果能正常输出whistle的帮助信息则说明已经安装成功。在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入相应命令查看版本号，如果显示版本号就说明安装成功。在键盘输入win+r => 输入cmd => 点击回车打开命令行 => 输入下面的命令安装whistle。下载完后打开安装包，一直点下一步，直到安装成功。
初探whistle（服务器环境代理到本地，直接进行开发）
CuiJianJun_的博客
04-25 2020
## 前端调试利器 --- 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 1750
whistle代理
搭建whistle代理环境
fankl1437的博客
09-19 1389
whistle + swithcyOmega 搭建代理服务
whistle+proxy实现页面调试
月下lk山人的博客
02-24 1975
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代理+mock轻松解决“页面端“测试接口没数据难题
langhailove_2008的博客
01-13 1103
我们可以新增一个如上图，也可以直接放在default里因为我们需要mock接口返回值，这里直接放需要被mock的接口（无需包含入参），然后加我们设置的file即可格式是：【接口url】【空格】【file://{values中的文件名}】如上例：https://xxxx/xxx/xxx file://{testForMaiPin}最后去页面操作【框架合同】下的【XXXXX】表单页面，再次添加商品时，可以看到抓包到的接口已经有返回值了。本地安装whistle并进行一些必要的代理配置–自行百度。
whistle网络代理实战分享
weixin_47159518的博客
10-10 1830
前端开发的小伙伴可能有遇到过这种情况：本地运行一个http协议的h5页面，在微信打不开，微信小程序业务域名只能配置https协议。这样就会导致真机调试非常麻烦，每次都要发一个版本。（如果小伙伴有不用代理解决的方法欢迎评论区交流～）此时，网络代理就能发挥作用啦～（我目前只用过whistle这一个代理工作，其他类似工具也欢迎小伙伴评论区讨论～）
VUE 使用 Whistle 和 Proxy SwitchyOmega 搭建本地联调环境
ellenging的博客
04-28 1889
在本地开发的时，在浏览器访问项目的地址为 localhost， 但是当我们需要对接第三方验证后又回到本地项目时，由于第三方的回跳地址为正式服的域名就会不成功。 这个时候就需要把域名映射到本地项目的地址，可以通过修改host文件实现，但是端口只能限定在80，就很拉闸，于是就有了标题。 1、本地安装Whistle whistle安装教程 启动后，添加rules： /(?:https|http)????/www.baidu.com/(.*)/ http://127.0.0.1:8081/$1 2、谷歌浏览器安装
whistle 本地访问cors policy
07-15
要在本地访问 CORS 策略，你可以通过以下几种方法来解决： 1. 使用代理服务器：你可以在本地设置一个代理服务器，该代理服务器可以绕过浏览器的 CORS 限制。你可以将你的请求发送到代理服务器，然后由代理服务器转发请求到目标服务器。这样可以绕过浏览器的限制，实现跨域请求。 2. 安装浏览器插件：一些浏览器插件可以帮助你在本地访问跨域资源。例如，对于 Chrome 浏览器，你可以安装 "Allow-Control-Allow-Origin" 插件。这个插件可以允许你在本地开发环境中发送跨域请求。 3. 配置目标服务器：如果你有权限修改目标服务器的配置，你可以在服务器端配置 CORS 策略。通过在服务器响应头中设置 Access-Control-Allow-Origin 字段，你可以允许特定的域或所有域来访问资源。例如，设置为 "*" 表示允许所有域访问资源。 无论使用哪种方法，都需要注意安全性和潜在风险。在生产环境中，确保正确配置 CORS 策略以保护你的应用程序和用户数据的安全。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值