利用fiddler正向代理前端请求到本地后端

前景:在实际开发测试环境中,(前后端均已上线到测试服务器或前端以上线而后端还在开发中)。在测试过程中(前端页面点击,功能测试)发现了bug或异常点。

正常排查问题可能是先利用浏览器检查工具查看接口的返回参数是否正常,如果异常那就得用(pycharm/vscode)启动服务

再通过(postman/apifox)模拟前端请求进行debug排查问题,一些复杂的请求,类似于请求参数中携带pdf或者其它类型的参数

如果需要一个个去构造接口请求可能有些麻烦,因此也可以采用将测试环境已上线的前端项目的请求拦截并转发到本地的接口,从而排查问题时,只需要

继续再前端重复操作,请求就会到本地中,搭配vscode/pycharm排查就会十分方便

这里使用正向代理是使用fiddler工具完成的,这里主要介绍下如何配置规则让指定访问服务器后端的请求转发到本地后端

1.网上下载fiddler并配置好

2.点击功能栏上的 Rules,再点Customize Rules

3.在弹出的Fiddler ScriptEditor框中搜索找到 OnBeforeRequest方法

4.添加如下配置

python 复制代码
if (oSession.fullUrl.ToLower().Contains("10.128.15.25:6080/api/v2")) {
            oSession.host = "10.128.15.25";
            oSession.port = 8221;
        }

5.保存后,退出fiddler,重新登录,再次点击前端,请求就会被转发到本地起的环境

我这里是将请求去正式环境后端的请求转发去测试环境后端去,而我的vscode连接到了远程的测试环境并在debug,这里照样可以改成本地 的

相关推荐
弹简特1 天前
【Fiddler抓包工具】一文通关Fiddler抓包工具【附:Fiddler结合jmeter接口测试实战】
jmeter·fiddler·接口测试·抓包
WZTTMoon4 天前
用Fiddler抓包查看Claude Code提示词
fiddler·agent·claude code
ZC跨境爬虫14 天前
【零基础实战】Fiddler抓取PC微信小程序数据流,爬取华为商城商品配置+真实评论(完整可运行代码+逐行解析)
测试工具·微信小程序·fiddler
ZC跨境爬虫15 天前
移动端爬虫工具Fiddler完整配置流程:PC+安卓模拟器全覆盖,零基础一次配置成功
android·前端·爬虫·测试工具·fiddler
shughui20 天前
FinalShell / Xshell 完整教程(下载+安装+使用,2026最新版)
linux·fiddler·xshell·xftp·finalshell·远程连接工具
大连好光景24 天前
Fiddler、Wireshark、Charles三种抓包工具的对比
前端·fiddler·wireshark
emilyhu202624 天前
测试工具fiddler抓包后Response的乱码问题解决方式汇总
测试工具·fiddler
半个俗人1 个月前
fiddler的基础使用
前端·测试工具·fiddler
程序员Forlan1 个月前
fiddler+手机或模拟器进行APP抓包
前端·智能手机·fiddler
loriloy1 个月前
Fiddler 捕获Https协议配置
fiddler