為什麼在瀏覽器中載入本機 HTML 檔案時出現 CORS 錯誤？

加載HTML 中的本地資源：CORS 錯誤

加載本地HTML 文件時，可能會遇到錯誤“Origin null is not allowed by存取控制允許來源。

SOP 限制跨來源存取以保護使用者的資料和隱私。在這種情況下，本機檔案系統被視為與瀏覽器不同的“來源”，並且禁止直接從其載入檔案。

錯誤原因

在提供的程式碼中，您嘗試將「weather.xsl」檔案載入

中。使用 jQuery 的 load() 方法。然而，由於“weather.xsl”是本機文件，SOP 阻止瀏覽器存取它。

解決方案

不幸的是，使用 AJAX 直接加載本地資源由於 SOP，不允許請求。相反，請考慮以下解決方案：

• 安裝本機 Web 伺服器： 安裝 Apache 或 Nginx 等 Web 伺服器並將 HTML 檔案託管在本機伺服器上。這將為您提供一個透過 HTTP 存取檔案的 URL，並且 SOP 將不適用。
• 使用Chrome 擴充功能： 有一些Chrome 擴充程序，例如“允許CORS：存取控制- Allow-Origin”，可以暫時停用本機檔案的SOP，可讓您將HTML 輸出載入到
  .
• 使用資料URI： 將「weather.xsl」的HTML輸出轉換為資料 URI，並將其直接嵌入到 HTML 頁面中。這可以避免從不同的來源載入檔案。

注意：

請務必記住，這些解決方法可能不適用於所有情況，應該僅用於測試目的。對於生產環境，建議將文件部署到 Web 伺服器。

以上是為什麼在瀏覽器中載入本機 HTML 檔案時出現 CORS 錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！