利用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,这里照样可以改成本地 的

相关推荐
tager10 小时前
为什么推荐使用Whistle而不是Fiddler、Charles!🤗
前端·fiddler·charles
程序员的世界你不懂12 天前
(9)-Fiddler抓包-Fiddler如何设置捕获Https会话
前端·https·fiddler
程序员的世界你不懂12 天前
(10)Fiddler抓包-Fiddler如何设置捕获Firefox浏览器的Https会话
https·fiddler·firefox
白皎19 天前
立志成为一名优秀测试开发工程师(第九天)——使用fiddler工具、request库进行接口测试
前端·python·fiddler
程序员的世界你不懂1 个月前
Fiddler抓包教程->HTTP和HTTPS基础知识
http·https·fiddler
若水无华1 个月前
fiddler 配置ios手机代理调试
ios·智能手机·fiddler
SHUIPING_YANG1 个月前
在Fiddler中添加自定义HTTP方法列并高亮显示
前端·http·fiddler
林十一npc1 个月前
Fiddler抓取APP端,HTTPS报错全解析及解决方案(一篇解决常见问题)
android·前端·网络协议·https·fiddler·接口测试
时之彼岸Φ2 个月前
Fiddler+Yakit实现手机流量抓包和小程序抓包
智能手机·小程序·fiddler
前端大卫2 个月前
开发必备!Fiddler 手机调试5大技巧!
fiddler