javascript - CORS 阻止本地文件加载另一个本地文件 - WTF？

Question

在停顿了几年之后，我正在尝试 Web 开发，而 CORS 似乎已经走到了尽头。

为什么

<script type="module" src="./index.js"></script>

导致 CORS 错误？我正在加载本地文件 (file://) 想要加载另一个本地文件。我不明白为什么 CORS 甚至会提示，毕竟它们都来自同一来源。

Answer 1

当您使用 type="module" 加载脚本时，CORS 开始发挥作用。如果您不使用 ES 模块功能，您可以删除该属性，它会正常工作。

至于为什么来源在这里是个问题，当你通过 file:// 在本地加载文件时，来源实际上是 null，使得所有请求都是跨域的.由于安全问题，浏览器在这种情况下有很多限制，这些限制是多年来建立起来的。为了绕过这些限制，这些文件必须由网络服务器提供服务，以便确定来源。