jquery - "XMLHttpRequest cannot load file:///... Preflight response is not successful"错误

Question

我正在构建一个网站，该页面使用 Jquery .load() 函数加载导航栏和一些其他资源(如下面的代码所示)。

<script>
        $(function () {
            $("#navbar-placeholder").load("subpage_navbar.html");
        });
</script>

在 safari 5 中在我的计算机上本地查看 .html 文件时一切正常，并且过去在 safari 11 中也能正常工作，但现在当我尝试打开该文件时出现错误:

XMLHttpRequest 无法加载 file:///...预检响应不成功

我需要在 Safari 中更改任何首选项才能使其像以前一样工作吗？

Answer 1

XMLHttpRequest 不适用于文件协议(protocol)，仅适用于 http、data、chrome、chrome-extension、https。

您需要托管您的文件或使用类似下面的链接的内容来允许此操作。

Allow Google Chrome to use XMLHttpRequest to load a URL from a local file

在 Safari 11 中，文件协议(protocol)访问受到限制。

[CORS 和来自 file://的跨源访问现已被阻止，除非从“开发”菜单中选择“禁用本地文件限制”。]