如何修复 File:// URL 中的'Access-Control-Allow-Origin 不允许 Origin null”错误？

解决从 File:// URL 发出的请求的“Access-Control-Allow-Origin 不允许 Origin null”错误

当浏览器限制从本地存储的文件（file://）发出的跨域请求时，会出现错误“Access-Control-Allow-Origin 不允许 Origin null”网址）。在这种情况下，通过 jQuery 的 AJAX 从 Panoramio 访问图像会受到阻碍。

要解决此问题，请考虑以下事项：

1.确保 JSONP 请求类型：

确保您使用正确的 JSONP（带填充的 JavaScript 对象表示法）请求类型。 jQuery 的 $.get 方法默认为“json”，但对于 JSONP，它应该是“jsonp”。您可以通过两种方式实现此目的：

• 使用 $.getJSON 而不是 $.get。
• 添加回调=？使用 $.get 时的 URL，这会触发 jQuery 使用 JSONP。

使用 $.getJSON 的示例：

$.getJSON(url, function (data) { ... });

示例使用 $.get 和回调=？网址：

$.get(url + "&callback=?", function (data) { ... });

2. CORS（跨源资源共享）故障排除提示：

• 检查跨源请求是否来自有效来源（例如，http://，而不是 file:/ /).
• 验证浏览器对 CORS 的支持。 Internet Explorer 和 Opera 对 CORS 支持有限。

注意： 当尝试从 file:// URL 发出 CORS 请求时，浏览器可能无法发送 Origin 标头，从而导致服务器无法授权的 null origin。

按照这些建议，您可以有效解决“Access-Control-Allow-Origin 不允许 Origin null”错误从 file:// URL 发出请求时。

以上是如何修复 File:// URL 中的'Access-Control-Allow-Origin 不允许 Origin null”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！