Chrome 未在“网络”选项卡中显示 OPTIONS 请求

Question

我的 Web 客户端应用程序正在通过 fetch API 设置 HTTP POST 请求。

我看到 OPTIONS 预检请求是通过调试代理（Charles Proxy）发送的，但它们没有显示在 Google Chrome Developer Tools\Network 选项卡中。

我在网络选项卡上没有设置任何过滤器。我记得 OPTIONS 请求在那里可见，但现在不再可见。我怎样才能把它们带回来？

Answer 1

您需要转到：

chrome://flags/#out-of-blink-cors

、禁用该标志，然后重新启动 Chrome。

Answer 2

自 2021 年起，在 CHROME 中，OPTIONS 请求在 NETWORK 选项卡过滤器 OTHER 请求中可见

要与 XHR 一起查看，只需按住 CTRL 键并单击并选择您想要查看的请求过滤器。

更新（4 月 17 日）Chrome 版本 90.0.4430.72 再次隐藏了选项请求:(

Answer 3

即使更改选项并在我的计算机上重新启动后，Chrome 81 似乎也没有显示任何内容。

作为替代解决方案，我开始使用 Firefox 及其网络选项卡进行开发。

Answer 4

我是来自 Chromium 项目的 Takashi，负责推动 Out-Of-Blink/Render CORS 项目。

该项目旨在引入一种进程隔离的 CORS 实现，以提高安全性和隐私性，许多新的网络相关功能都依赖于这种新的实现。不幸的是，我们暂时禁用了 DevTools 中的预检支持，因为事实证明继续支持它会削弱安全性和隐私。在此期间给您带来的不便敬请谅解。

好消息是 Chrome 83 现在以安全保护的方式再次实现了 CORS 预检 DevTools 支持。因此，您可以像在 Out-Of-Blink/Renderer CORS 之前一样监视 CORS 预检请求。

最好的，

Answer 5

要在 Chrome 开发工具中查看选项请求，您必须切换“全部”复选框。 @ChrisTybur 在其中一条评论中指出了这一点，我认为这应该是一个没有隐藏在评论部分中的答案。

选择全部后，我可以立即看到选项请求！