我有同样的问题，没有一个答案是有效的，最后我发现我犯了一个巨大的错误，选择了其他你可以看到

现在这似乎是一个愚蠢的错误，但事情是即使在删除和重新安装chrome浏览器后，问题仍然存在(设置在删除chrome浏览器时默认不卸载)，所以我花了一段时间，直到我发现这一点，并再次选择所有…! 发生这种情况是因为我的后端不处理选项方法，因为我错误地点击了其他，这导致我花了几天的时间尝试答案!

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

如果你这样做:

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

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

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

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

如果使用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.');

对我来说，当返回的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。

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

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

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

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

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