为什么浏览器表单数据现在看不到参数了，看不到参数名前端怎么观察参数

欢迎到专业群（ HBuilderX技术交流群 ） 咨询，群中有相关专业的管理员和群友。

在 HBuilderX 4.5 及以后版本里，浏览器 DevTools 的 Network 面板默认把上传请求按 multipart/form-data 展示，而新版 Chrome/Edge 为了界面简洁，把每个 part 的参数折叠到了 “Form Data” 一栏里，不再像旧版那样直接列出 key/value。
因此你看到的“没有参数”其实只是被折叠了：

1. 在 Network 面板点中那条上传请求。

2. 右侧 “Headers → Form Data” 区域，点 “view source” 或 “view parsed” 即可展开看到

   ------WebKitFormBoundary...  
   Content-Disposition: form-data; name="testNo"  
   
   20240604001  
   ------WebKitFormBoundary...  
   Content-Disposition: form-data; name="pic_user"  
   
   admin  
   ------WebKitFormBoundary...  
   Content-Disposition: form-data; name="upVer"  
   
   1  

3. 如果仍想回到旧版那种直接列表的样式，可以把 DevTools 的 “Network → Request Payload → Form Data” 区域右上角的齿轮图标点开，取消 “Group by frame” 或 “Pretty print” 即可。

这与 HBuilderX 本身无关，只是浏览器 DevTools 的展示方式变化。

那为什么 vue 框架 提交的表单数据能看到参数