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

前景:在实际开发测试环境中,(前后端均已上线到测试服务器或前端以上线而后端还在开发中)。在测试过程中(前端页面点击,功能测试)发现了bug或异常点。
正常排查问题可能是先利用浏览器检查工具查看接口的返回参数是否正常,如果异常那就得用(pycharm/vscode)启动服务
再通过(postman/apifox)模拟前端请求进行debug排查问题,一些复杂的请求,类似于请求参数中携带pdf或者其它类型的参数

如果需要一个个去构造接口请求可能有些麻烦,因此也可以采用将测试环境已上线的前端项目的请求拦截并转发到本地的接口,从而排查问题时,只需要
继续再前端重复操作,请求就会到本地中,搭配vscode/pycharm排查就会十分方便

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

1.网上下载fiddler并配置好
利用fiddler正向代理前端请求到本地后端_第1张图片
2.点击功能栏上的 Rules,再点Customize Rules
利用fiddler正向代理前端请求到本地后端_第2张图片
3.在弹出的Fiddler ScriptEditor框中搜索找到 OnBeforeRequest方法
利用fiddler正向代理前端请求到本地后端_第3张图片
4.添加如下配置

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

利用fiddler正向代理前端请求到本地后端_第4张图片

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

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

你可能感兴趣的:(工作问题解决,fiddler,开发调试)