為什麼我在載入本機 3D 模型時收到「僅支援 HTTP 的跨來源請求」？

載入本機檔案時出現「跨來源要求僅支援HTTP」

嘗試使用JSONLoader 將3D 模型載入到Three.js 時，使用者可能會遇到以下問題：遇到錯誤「僅HTTP 支援跨來源請求」。當使用非 HTTP 協定存取本機檔案時，就會出現此問題。

錯誤原因

錯誤訊息準確指出僅 HTTP 支援跨域請求。但是，原因在於本機檔案通常使用“file://”或“C:/”協定載入。根據 RFC-6454，來源由方案、主機和連接埠定義。在這種情況下，即使檔案和網站位於相同主機（例如 localhost），方案（檔案/http）的差異也將它們標記為來自不同的來源。

解決方案

要解決此問題，有兩種可能的方法：

1.安裝本地Web 伺服器：

在您的電腦上安裝本機Web 伺服器，例如Apache 或Nginx。然後，配置 Web 伺服器來託管 3D 模型並使用“http://”協定存取它。這可確保使用與網站相同的來源載入檔案。

2.將模型上傳到外部主機：

或者，將 3D 模型上傳到第三方託管服務，例如 Google Cloud Storage 或 Amazon S3。這允許您使用 HTTP 格式的 URL 存取該檔案（例如“http://example.com/path/to/model”）。

以上是為什麼我在載入本機 3D 模型時收到「僅支援 HTTP 的跨來源請求」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！