在 Windows 操作系统和 Chrome 浏览器的控制台中临时解决 CORS“响应飞行前请求”错误的基本方法。

在 Windows 操作系统和 Chrome 浏览器的控制台中临时解决 CORS“响应飞行前请求”错误的基本方法。

您可能已经用尽了所有解决方案来使您的网站在浏览器上呈现,但似乎没有任何效果。然后,您检查了开发人员工具控制台,结果却收到一条错误消息,指出 CORS 正在阻止您的 API 请求。

Fig. 1 A preflight request error on the console.

您可能已经搜索了互联网并找到了解决问题的可能方法,但发现它们对您不起作用。例如,您可能已经做过这些:

  • 启用 Google Chrome CORS 扩展
  • 通过更改 Target 属性中的文件路径禁用浏览器的 Web 安全性
  • 安装 CORS 包并重写你的 JavaScript 代码以适应它
  • 无休止地更改您将使用的特定 API
  • 也无休止地更改 API 端点
  • 更多阅读、论坛讨论和视频的兔子洞

如果这听起来像您,那么您正在阅读正确的文章!

本文将深入研究解决此问题的简单临时解决方案。你会需要:

  • Windows 操作系统(我确信其他操作系统的步骤可能类似,但使用操作系统特定的命令)
  • Windows 命令提示符 (CMD)
  • 这份名单 Windows CMD 命令

步骤1: 打开 Windows CMD

打开 Windows 命令提示符。

Fig. 2 The **** Windows CMD

第 2 步:导航到 C:// 驱动器

类似于导航到或离开文件夹的 Linux 命令,导航到 C:// 驱动器。

Fig. 3 Navigate to C:// drive using the cd command

第 3 步:导航到“chrome.exe”可执行文件所在的文件路径

有两种可能的文件路径。您需要导航到它所在的文件夹:

第一个文件路径: C:\Program 文件 (x86)\Google\Chrome\Application

第二个文件路径: C:\Program Files\Google\Chrome\Application

在我的机器上,它存在于 第一个文件路径 如下所示。

Fig. 4 Navigate to the folder where chrome.exe is using the cd command. dir command is to list all files & folders in the current directory you’re in

第 4 步:在新的 Google Chrome 浏览器实例上禁用网络安全

使用以下命令禁用网络安全。

命令: chrome.exe — user-data-dir=”C:/Chrome dev session” — disable-web-security

它只是为 Google Chrome 创建一个新的不安全窗口(实例)。

请放心,只有这个新创建的 Chrome 实例/窗口是不安全的。 Chrome 的任何其他打开的窗口仍然是安全的,并且不受此禁用的影响。

Fig 5 Using the command in the prompt automatically creates a new unsecure window for Chrome. This doesn’t affect all other open Chrome browsers.

Fig 6 The newly created window. Notice in the red border that it notifies you that it’s an unsecure instance

第 6 步:使用浏览器查看您的网站并暂时解决 CORS 问题

无论您是使用 VSCode 中的实时服务器扩展、使用 webpack 时的 localhost URL 还是实时演示版本来部署您的站点,只需将该 URL 粘贴到浏览器中(它应该在的位置),您就完成了!

您将在页面上看到站点呈现,并且 CORS 问题现在已解决,因此您可以重新开始编码。

如果您遇到此问题并且该过程并不令人厌烦,我希望这对您有所帮助。您可以进一步探索此解决方案 这里 这对我有帮助。 CORS的精彩解释也可以在this中找到 视频 .

感谢您阅读本文,希望您也喜欢它。认真按照本文的步骤进行操作,就可以了。

请随时与我联系以获取建议或意见,并将本文分享给可能需要它的人!你可以找到我 GitHub & 领英 .尖酸刻薄!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/27088/47171108

posted @   哈哈哈来了啊啊啊  阅读(487)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示