在 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 版权协议,转载请附上原文出处链接和本声明
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通