JMeter录制React应用仅捕获API URL，如何获取并测试前端可见URL？

React是单页应用（SPA），前端路由是在浏览器客户端处理的，不会向服务器发送独立的HTTP请求，所以JMeter这类抓包工具自然捕获不到前端可见的路由URL，只能抓到实际和服务器交互的API请求。以下是具体的解决方法：

• 手动添加前端路由请求
  直接在JMeter中新增HTTP请求，路径填前端可见的路由（比如/dashboard、/user-profile），请求方法用GET，目标服务器填你的应用域名。这类请求实际会返回React的入口HTML文件（一般是index.html），要确保请求的响应和浏览器实际加载的一致，作为页面跳转的测试起点。

• 用浏览器开发者工具提取路由关联的行为
  打开浏览器开发者工具（F12）的Network面板，勾选Preserve log选项。在React应用里切换页面，虽然不会看到新的页面请求，但能观察到初始入口文件的请求，以及路由切换时触发的API调用。把前端路由路径作为HTTP请求添加到JMeter，再关联对应的API请求，就能模拟完整的用户页面跳转流程。

• 调整JMeter录制器配置捕获入口请求
  配置JMeter的HTTP(S) Test Script Recorder，设置好端口（比如8888），把浏览器代理指向这个端口，并且安装JMeter的根证书（避免HTTPS请求无法捕获）。录制时手动在浏览器访问每个前端路由URL，JMeter会捕获到入口HTML的请求，保留这些请求作为前端路由的测试点，再补充后续的API请求即可。

• 模拟客户端状态保证路由正常切换
  React路由切换可能依赖客户端状态（比如localStorage、Cookie或者Redux存储的用户信息），测试时要在JMeter中添加HTTP Cookie管理器保存会话，用用户定义的变量或者JSR223预处理器模拟localStorage等状态，确保路由切换后的后续请求能正常执行。

内容的提问来源于stack exchange，提问作者Anuradha