Chrome开发工具无法显示响应，即使返回的内容有标题content - type:text/html;utf - 8字符集=

我认为这只发生在你有“保存日志”检查，你试图查看之前的请求的响应数据后，你已经导航离开。

例如，我查看了加载此堆栈溢出问题的响应。你可以看到。

第二次，我重新加载了这个页面，但没有看header或Response。我导航到另一个网站。现在，当我查看响应时，它显示“加载响应数据失败”。

这是一个已知的问题，它已经存在了一段时间，并且有很多争论。

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

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

不幸的是，在我的例子中，window.onunload = function() { debugger; }变通方法也不起作用。到目前为止，我发现的最好的解决办法是使用Firefox，它即使在导航之后也会显示响应数据。Firefox的devtools也有很多Chrome所没有的好特性，比如如果响应数据是html，语法会高亮显示，如果响应数据是JSON，则会自动解析。

对于那些在请求JSON数据时得到错误的人:

如果您正在请求JSON数据，JSON可能太大，这是导致错误发生的原因。

正如Gideon所描述的，这是一个已知的问题 对于使用window.onunload = function() { debugger; }代替
但是您可以在Source选项卡中添加断点，然后就可以解决您的问题。 是这样的: < / p >

对于在请求大型JSON数据时收到此错误的人，正如Blauhirn所提到的，如果您使用身份验证头等，则不能在新选项卡中打开请求。

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

如果你这样做:

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

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

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

Bug仍然活跃。 这发生在JS成为新页面(200)或重定向(301/302)的启动器时 一种可能的方法来修复它-它禁用JavaScript请求。 例如，在puppeteer中，你可以在拦截request(page.on('request'))

对于那些从谷歌来到这里的人，对于那些之前的答案没有解决谜团的人来说

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.route('/getAllPublicDatasheets').get(async function (req, res) {
const { someVar, nutherVar } = req.query;
console.log('Ending here without a return...')
});

Failed to show response data

res.json('Adding this below the console.log in App.js route will solve it.');