为什么我的Chrome开发工具显示
未能显示响应数据
在响应时,返回的内容类型是文本/html?
在开发人员工具中查看返回的响应的替代方法是什么?
为什么我的Chrome开发工具显示
未能显示响应数据
在响应时,返回的内容类型是文本/html?
在开发人员工具中查看返回的响应的替代方法是什么?
当前回答
对于那些在请求JSON数据时得到错误的人:
如果您正在请求JSON数据,JSON可能太大,这是导致错误发生的原因。
我的解决方案是复制请求链接到新选项卡(从浏览器获得请求) 将数据在线复制到JSON查看器,在那里您可以自动解析并对其进行处理。
其他回答
只要响应的主体没有在你的代码中被消耗(例如使用.json()或.text()),它就不会显示在Chrome开发工具的预览选项卡中
我有同样的问题,没有一个答案是有效的,最后我发现我犯了一个巨大的错误,选择了其他你可以看到
现在这似乎是一个愚蠢的错误,但事情是即使在删除和重新安装chrome浏览器后,问题仍然存在(设置在删除chrome浏览器时默认不卸载),所以我花了一段时间,直到我发现这一点,并再次选择所有…! 发生这种情况是因为我的后端不处理选项方法,因为我错误地点击了其他,这导致我花了几天的时间尝试答案!
正如Gideon所描述的,这是Chrome的一个已知问题,已经开放了5年多,没有明显的兴趣来修复它。
不幸的是,对我来说,是窗户。Onunload = function(){调试器;变通办法也不管用。到目前为止,我发现的最好的解决办法是使用Firefox,它即使在导航之后也会显示响应数据。Firefox的devtools也有很多Chrome所没有的好特性,比如如果响应数据是html,语法会高亮显示,如果响应数据是JSON,则会自动解析。
正如吉迪恩所描述的,这是一个已知的问题。 用于使用窗口。Onunload = function(){调试器;}。 但是您可以在Source选项卡中添加断点,然后就可以解决您的问题。 是这样的:
对于那些从谷歌来到这里的人,对于那些之前的答案没有解决谜团的人……
如果使用XHR进行服务器调用,但不返回响应,则会发生此错误。
示例(来自Nodejs/React,但同样可以是js/php):
App.tsx
const handleClickEvent = () => {
fetch('/routeInAppjs?someVar=someValue&nutherVar=summat_else', {
method: 'GET',
mode: 'same-origin',
credentials: 'include',
headers: {
'content-type': 'application/json',
dataType: 'json',
},
}).then((response) => {
console.log(response)
});
}
App.js
app.route('/getAllPublicDatasheets').get(async function (req, res) {
const { someVar, nutherVar } = req.query;
console.log('Ending here without a return...')
});
Console.log将在这里报告:
Failed to show response data
为了解决这个问题,将返回响应添加到路由的底部(服务器端):
res.json('Adding this below the console.log in App.js route will solve it.');