前端 Fiddler 抓包修改请求响应结果

Posted 2023-03-24

参考技术A

实际前端开发中，对接线上发布的后端接口，由于业务比较复杂，也设计到以前的库表，开发过程经常会出现部分页面数据不完整，无法对接整个流程，日常前端开发也有其他方式实现功能测试验证：

下面介绍使用 Fiddler 抓包工具修改 Response 返回结果

Win11 系统本地安装版本

Fiddler 默认会抓包所有请求，这时候需要先过滤一下，方便抓包项目中的请求的接口，如目前的项目中本地请求的内网地址为 http://10.255.52.93:8080

在 Filters 勾选 Use Filters , 在 Hosts 中选择 Show only Internet Hosts 和 Show only the following Hosts , 在输入框中输入要过滤的 IP 和端口，如： 10.255.52.93:8080 ，点击 Actions -> Run Filterset now

如果侧边栏只有当前过滤的API请求，说明配置成功了

注意

菜单栏选择 Rules -> Automatic Breakpoints -> After Responses ，这时候重新刷新页面，或点击页面某个操作按钮，重新发起请求，这时 Fiddler 请求会出现拦截，此时页面属于卡住状态，请求栏拦截的请求出现红色图标，点击拦截的请求，右侧区域会有 Breakpoint hit. Tamper,then: 状态栏，此时请求响应内容在 TextView 中可以修改的，修改完对应的数据后，点击 Run to Completion 按钮结束，这时候页面的数据显示的就是修改后的数据了。

这时候前端开发人员就可以按需修改对应的请求结果，调试前端功能测试完整流程了。

如果喜欢，随手点个赞再走呗 ^-^