Chrome开发者工具控制台中运行JavaScript fetch出错。

Question

根据this的Stack Overflow帖子，我应该能够从Chrome开发工具控制台运行fetch请求。实际上，如果我点击帖子答案中的按钮，它可以正常工作。

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

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

缺什么？

- Franco Tiveron

---

可能是网络连接问题。在浏览器搜索栏中搜索 https://jsonplaceholder.typicode.com/posts/1 并验证响应。 - brk

我无法重现这个问题 - 我可以从我的控制台运行它并获得响应。您可能需要提供更多上下文/信息... - Alexander Nied

@brk 它在浏览器上运行。 - Franco Tiveron

你是否使用VPN？你是否在企业机器上，可能安装了安全软件？当你在控制台中运行时，你在哪个网站上？这是Windows、MacOS还是Ubuntu？你是否安装了任何浏览器插件，也许是与开发工具相关的插件？我只是想找出可能导致这个问题的任何原因，因为我无法重现这个问题。 - Alexander Nied

有什么想法我可以看看吗？ - Franco Tiveron

Answer 1

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

首页：

浏览页面后（任何页面）：

我猜想在第一种情况下没有建立来源域，但更好的错误描述会有所帮助。

- Franco Tiveron

---

哈哈，好提示。不知怎么的，它解决了问题。 - xiº

谢谢，这解决了我的问题。如果我要猜的话，可能与https有关。当没有网站打开时，实际上是从非https网站发出https请求，因此被拒绝。 - undefined