如何在浏览器的控制台中查看 CORS 飞行前 OPTIONS 请求？

Posted 2023-03-04

【中文标题】如何在浏览器的控制台中查看 CORS 飞行前 OPTIONS 请求？

【英文标题】：How can I view CORS pre-flight OPTIONS requests in my browser's console?

【发布时间】：2019-11-13 07:56:07

【问题描述】：

我正在寻找一种在我提出 CORS 请求时查看 CORS 飞行前 OPTIONS 请求的方法。我想查看服务器的响应标头以帮助我调试我遇到的 CORS 问题，但我在 Chrome 或 Firefox 的“网络”选项卡或控制台中找不到执行此操作的方法。

我还安装了HTTP Header Live 插件，但没有帮助。

我使用jQuery.get(url); 触发我的CORS 请求，其中url 是不同域的URL。

【问题讨论】：

默认显示在网络标签中

@Quentin 那是我正在寻找的地方，但我还没有看到任何这样的请求

i.imgur.com/fB9Pb3H.gif

【参考方案1】：

我正在使用 jQuery.get(url);触发我的 CORS 请求

这将触发一个没有预检 OPTIONS 请求的简单请求。

您尚未完成触发预检所需的any of the conditions。

由于没有进行预检，因此开发人员工具中不会显示任何内容。