如何修復 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中文網其他相關文章！