求助:Chrome Inspector Network标签无法查看POST请求的Form Data
解决思路
- 先确认请求的
Content-Type:如果是application/json,表单数据会出现在Payload标签的Request Payload里,而非Form Data。Vue项目常用的axios默认会以JSON格式发送请求,这是常见情况。 - 切换DevTools视图设置:点击Network面板右上角的三个点图标,检查是否勾选了
Show request payload,或者切换回Default视图模式,避免布局被扩展影响。 - 临时禁用Vue开发者扩展:在Chrome扩展管理页面禁用Vue DevTools,刷新页面后重新提交请求,观察
Form Data是否恢复。如果恢复,说明是扩展冲突,尝试更新扩展到最新版本,或调整扩展的相关设置。 - 检查项目请求拦截器:确认Vue项目中的请求拦截器(比如axios的
interceptors)是否将表单数据转换为JSON格式,这种情况下数据会以JSON payload形式存在,查看Payload标签即可。 - 查看Network面板的其他标签:部分Chrome版本中,
Form Data和JSON payload会分开显示在Payload标签下的不同分区,仔细检查该标签下的内容。 - 重置DevTools默认设置:点击DevTools右上角的齿轮图标,选择
Restore defaults and reload,恢复默认设置,排除因扩展导致的布局或配置异常。
内容的提问来源于stack exchange,提问作者Varsha Shetty
相关产品推荐
相关产品推荐

