為什麼 Three.js 在載入本機 3D 模型時會拋出「僅支援 HTTP 的跨來源請求」錯誤？

Three.js 中的檔案載入錯誤：「僅支援HTTP 的跨來源請求」

嘗試將本地3D 模型合併到如果您的Three.js 應用程式使用JSONLoader，您可能會遇到「僅支援HTTP 的跨來源請求」錯誤。此錯誤是由於模型的位置與網頁瀏覽器使用的 HTTP 協定之間的差異而出現的。

錯誤的來源

您的模型可能是使用以下方式加載的非HTTP 協議，例如file:// 或C:/，這違反了瀏覽器的原始策略。安全性原則要求來自一個來源（例如您網站的網域）的請求無法存取來自不同來源（例如您本機電腦的檔案系統）的資源。

可能的解決方案

要解決此問題，請考慮以下事項選項：

• 安裝本地Web 伺服器： 在您的電腦上設定Web 伺服器並使用基於HTTP 的URL 託管模型。
• 將模型上傳到其他地方：將模型上傳到可訪問的網站或雲端儲存服務並使用其 HTTP 載入URL。
• 調整載入 URL： 確保您使用 HTTP URL 載入模型（例如，http://example.com/path/to/model）。

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