在 Chrome devtools 控制台中运行 javascript fetch 时出错答案

【问题标题】：Error running javascript fetch in Chrome devtools console在 Chrome devtools 控制台中运行 javascript fetch 时出错
【发布时间】：2021-09-27 14:45:25
【问题描述】：

根据this SO post，我应该能够从 Chrome devtools 控制台运行获取请求。事实上，如果我点击帖子答案中的按钮，它就可以工作。

但是，如果我尝试在控制台中执行完全相同的代码，它就不起作用。

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(res => res.json())
  .then(console.log)

缺少什么？

【问题讨论】：

可能是互联网连接。在浏览器搜索栏中搜索 https://jsonplaceholder.typicode.com/posts/1 并验证响应
我无法重现这个——我可以从我的控制台运行它并得到响应。您可能需要提供更多上下文/信息...
@brk 可以在浏览器上运行
@AlexanderNied 没有上下文。我只是在做图片中的事情
您在使用 VPN 吗？您是否在可能安装了安全软件的企业计算机上？当您在控制台中运行它时，您在哪个站点上？这是 Windows、MacO 还是 Ubuntu？您是否安装了任何浏览器插件，也许是特定于 devtools 的？我只是在寻找可能导致此问题的任何原因，因为我无法重现该问题。

标签： javascript google-chrome fetch google-chrome-devtools google-developers-console

【解决方案1】：

不知道为什么，但这取决于浏览器的当前域：

主页：

浏览一个页面后（无论是什么页面）：

我的猜测是，在第一种情况下，没有确定的源域，但更好的错误描述会有所帮助。

【讨论】：