如何解決Three.js載入本機檔案時出現「僅支援HTTP跨來源請求」錯誤？

在Three.js 中載入本機檔案時出現跨來源錯誤

使用JSONLoader 將本機3D 模型載入到Three.js 時，開發人員可能會遇到以下問題：遇到錯誤「僅HTTP 支援跨來源請求」。當遇到衝突的來源時，會出現此錯誤。

在大多數情況下，根本原因是使用 file:// 或 C:/ 載入文件，這不被視為 HTTP 來源。要解決此問題，有兩種常見方法：

1. 安裝本機網路伺服器：在本機電腦上安裝網路伺服器並託管模型。這將使其可以使用 HTTP 協定進行訪問，從而允許 Three.js 正確載入它。
2. 將模型上傳到伺服器：將 3D 模型上傳到伺服器並將程式碼調整為使用 HTTPS 或 HTTP 協定 URL 載入模型。這種方法消除了跨來源問題，因為來源與伺服器的網域相符。

需要注意的是，來源是由方案、主機和連接埠定義的。因此，即使檔案源自同一主機，方案的差異（例如，http 與檔案）也會導致它們被視為不同的來源。透過使用上述方法之一，您可以解決跨來源錯誤並將本地 3D 模型成功載入到 Three.js 中。

以上是如何解決Three.js載入本機檔案時出現「僅支援HTTP跨來源請求」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！