84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
JSONLoader を使用して、コンピュータにローカルに保存されている 3D モデルを Three.js にロードしようとしていますが、3D モデルは Web サイト全体と同じディレクトリにあります。
JSONLoader
「クロスオリジン リクエストは HTTP 経由でのみサポートされます。」 エラーが表示されますが、原因や修正方法がわかりません。
「クロスオリジン リクエストは HTTP 経由でのみサポートされます。」
明確にしておきます - はい、このエラーは、ブラウザーでfile://some/path/some.html
file://some/path/some.html
ここでは、ローカル Web サーバーを迅速に起動し、ブラウザーにローカル ファイルをレンダリングさせるためのいくつかのオプションを示します。
cd /path/to/your/folder を使用します。ディレクトリをファイルsome.htmlまたはファイルが存在するフォルダーに変更します
ディレクトリをファイル
またはファイルが存在するフォルダーに変更します
python -m SimpleHTTPServerを使用して、Python Web サーバーを起動します。
http://localhost:8000でディレクトリ リスト全体をホストする Web サーバーが起動します。
リンクが表示されます:
python3 -m http.server
を使用する場合は、Live Server拡張機能をインストールして、ローカル Web サーバー環境を提供できます。Node.js
」と入力して、http-serverをインストールします。
http-server
をインストールします。
がある作業ディレクトリに切り替えます。
これにより、Node.js httpd が開始され、ディレクトリ内のファイルが静的ファイルとして提供されます。
ルビーあなたの好みの言語が Ruby なら...Ruby の神様は、これもうまくいくと言っています:
もちろん、PHP にもソリューションがあります。
私の水晶玉は、file://またはC:/を使用してモデルをロードしていると言っていますが、これは http:// # ではないため、エラー メッセージと一致します。
file://
C:/
に変更することができます。
RFC-6454でとして定義されています リーリー
localhost) からのものであっても、スキームが異なる限り (http/file)、それらは異なるものとみなされます。 ）の由来。
) からのものであっても、スキームが異なる限り (
/
)、それらは異なるものとみなされます。 ）の由来。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
明確にしておきます - はい、このエラーは、ブラウザーで
を直接指定できないことを示しています。file://some/path/some.htmlここでは、ローカル Web サーバーを迅速に起動し、ブラウザーにローカル ファイルをレンダリングさせるためのいくつかのオプションを示します。
Python 2 Python がインストールされている場合...- コマンド
- コマンド
これにより、cd /path/to/your/folder を使用します。
ディレクトリをファイルsome.htmlまたはファイルが存在するフォルダーに変更しますpython -m SimpleHTTPServer
を使用して、Python Web サーバーを起動します。http://localhost:8000
でディレクトリ リスト全体をホストする Web サーバーが起動します。カスタム ポートを使用できます- python -m SimpleHTTPServer 9000
このメソッドは、Python インストールに組み込まれています。 Python 3 同じ手順を実行しますが、次のコマンドを使用しますリンクが表示されます:http://localhost:9000python3 -m http.server
VSコード Visual Studio Codeを使用する場合は、Live Server拡張機能をインストールして、ローカル Web サーバー環境を提供できます。Node.js
または、より応答性の高いセットアップが必要で、すでに Nodejs を使用している場合...
「- npm install -g http-server
- some.html
http-server -c-1
- を発行して http サーバーを起動します。
から入手できます。」と入力して、
http-serverをインストールします。がある作業ディレクトリに切り替えます。
http://localhost:8080これにより、Node.js httpd が開始され、ディレクトリ内のファイルが静的ファイルとして提供されます。ルビー
リーリーあなたの好みの言語が Ruby なら...Ruby の神様は、これもうまくいくと言っています:PHP
もちろん、PHP にもソリューションがあります。
リーリー私の水晶玉は、
##したがって、ローカル PC に Web サーバーをインストールするか、モデルを別の場所にアップロードして jsonp を使用し、URL を http://example.com/path/to/modelfile://またはC:/を使用してモデルをロードしていると言っていますが、これは http:// # ではないため、エラー メッセージと一致します。に変更することができます。
Origin はRFC-6454でとして定義されています リーリー
したがって、ファイルが同じホスト (localhost
) からのものであっても、スキームが異なる限り (http/file)、それらは異なるものとみなされます。 ）の由来。