Three.js がローカル 3D モデルをロードするときに「クロス オリジン リクエストは HTTP でのみサポートされています」というエラーをスローするのはなぜですか?

Three.js のファイル読み込みエラー:「クロス オリジン リクエストは HTTP でのみサポートされています」

ローカル 3D モデルをJSONLoader を使用する Three.js アプリケーションでは、「クロスオリジンリクエストは HTTP でのみサポートされています」エラーが発生する場合があります。このエラーは、モデルの場所と Web ブラウザで使用されている HTTP プロトコルとの間に不一致があるために発生します。

エラーの原因

モデルは、次の方法でロードされている可能性があります。 file:// や C:/ など、ブラウザのオリジン ポリシーに違反する非 HTTP プロトコル。セキュリティ ポリシーでは、ある送信元 (Web サイトのドメインなど) からのリクエストが別の送信元 (ローカル コンピューターのファイル システムなど) からのリソースにアクセスできないように義務付けています。

考えられる解決策

この問題を解決するには、次の点を考慮してください。オプション:

• ローカル Web サーバーのインストール: コンピューター上に Web サーバーをセットアップし、HTTP ベースの URL を使用してモデルをホストします。
• 他の場所にモデルをアップロードします: アクセス可能な Web サイトまたはクラウド ストレージ サービスにモデルをアップロードし、その HTTP を使用してロードします。 URL。
• 読み込み URL を調整します。 HTTP URL (例: http://example.com/path/to/model) を使用してモデルを読み込みていることを確認します。

以上がThree.js がローカル 3D モデルをロードするときに「クロス オリジン リクエストは HTTP でのみサポートされています」というエラーをスローするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。