為什麼載入本機檔案時出現「Access-Control-Allow-Origin不允許Origin null」的情況，如何解決？

跨來源請求阻止：了解「Access-Control-Allow-Origin 不允許Origin null」錯誤

嘗試時跨不同來源載入外部資源，例如載入從XSL 樣式表產生的HTML 輸出，出現的常見錯誤是「Origin null is not allowed by存取控制允許來源。

在給定場景中，啟動資源載入的 HTML 頁面（HTML 輸出來自weather.xsl 檔案）透過本機檔案URL（例如「file:///」）載入。大多數瀏覽器將 SOP 應用於本機文件，甚至不允許從與文件相同的目錄載入資源。這是因為本地載入的檔案的來源被認為是“null”，它不包含在提供資源的伺服器的 Access-Control-Allow-Origin 標頭中。

解決此問題並使用jQuery 將HTML 輸出載入到div 中，有兩種​​可能的方法：

1. 安裝Web 伺服器： 而不是載入HTML頁面在本機，可以透過具有HTTP URL（例如「http://localhost/weather.html」）的Web 伺服器提供服務。這允許 Web 伺服器配置必要的標頭，例如 Access-Control-Allow-Origin，以允許從不同的來源載入資源。
2. 使用瀏覽器擴充功能：某些瀏覽器擴充功能可以修改 SOP 並允許從本機檔案載入跨來源資源。但是，重要的是要謹慎使用此類擴展的安全隱患。

以上是為什麼載入本機檔案時出現「Access-Control-Allow-Origin不允許Origin null」的情況，如何解決？的詳細內容。更多資訊請關注PHP中文網其他相關文章！