为什么我的Chrome开发工具显示

未能显示响应数据

在响应时,返回的内容类型是文本/html?

在开发人员工具中查看返回的响应的替代方法是什么?


当前回答

另一种可能是服务器不处理OPTIONS请求。

其他回答

正如Gideon所描述的,这是Chrome的一个已知问题,已经开放了5年多,没有明显的兴趣来修复它。

不幸的是,对我来说,是窗户。Onunload = function(){调试器;变通办法也不管用。到目前为止,我发现的最好的解决办法是使用Firefox,它即使在导航之后也会显示响应数据。Firefox的devtools也有很多Chrome所没有的好特性,比如如果响应数据是html,语法会高亮显示,如果响应数据是JSON,则会自动解析。

对我来说,当返回的JSON文件太大时就会出现问题。

如果你只是想看响应,你可以在Postman的帮助下得到它。请看下面的步骤:

复制所有信息的请求(包括URL,头,令牌等)从chrome调试器通过chrome开发工具->网络选项卡->找到请求->右键单击它->复制->复制为cURL。 打开邮差,导入->Rawtext,粘贴内容。Postman将重新创建相同的请求。然后运行请求,您应该会看到JSON响应。 [在postmain中导入cURL][1]: https://i.stack.imgur.com/dL9Qo.png

如果想要减小API响应的大小,也许可以在响应中返回更少的字段。对于mongoose,您可以通过在调用find()方法时提供字段名称列表轻松实现这一点。 例如,将方法从:

const users = await User.find().lean();

To:

const users = await User.find({}, '_id username email role timecreated').lean();

在我的例子中,有一个名为description的字段,它是一个大字符串。从字段列表中删除它后,响应大小从6.6 MB减少到404 KB。

只要响应的主体没有在你的代码中被消耗(例如使用.json()或.text()),它就不会显示在Chrome开发工具的预览选项卡中

如果使用fetch进行AJAX请求,除非使用.text()、.json()等读取,否则不会显示响应。

如果你这样做:

 r = fetch("/some-path");

开发工具中不会显示响应。 它会在你运行后显示:

r.then(r => r.text())

如果您正在执行跨域请求,而远程主机没有正确处理CORS报头,也可能发生“未能显示响应数据”的情况。检查js控制台的错误。