Q&A
ブラウザのコンソールにエラーが出ていませんか？
表示したいサンプルソースの置いてあるサイト
このページのトップ画像すぐ下のサンプルソースを表示させてみたい。
なぜか動作しません。
何が問題ですか？
※追記
[Error] Cross origin requests are only supported for HTTP.
（anonymous関数） (three.min.js:262:379)
（anonymous関数） (three.min.js:260:285)
init (index.html:67)
（anonymous関数） (index.html:32)
グローバルコード (index.html:97)
[Error] XMLHttpRequest cannot load file:///Users/コンピューターの名前/Desktop/20150108_data/models/monkey.json due to access control checks.
（anonymous関数） (three.min.js:262:379)
（anonymous関数） (three.min.js:260:285)
init (index.html:67)
（anonymous関数） (index.html:32)
グローバルコード (index.html:97)
[Error] THREE.JSONLoader: "models/monkey.json" seems to be unreachable or the file is empty.
（anonymous関数） (three.min.js:261:445)
のようなエラーが出てました。
確かにそうですね。チェックしてみました。
JSONファイルが読めないのでしょうか。
はい。JSON ファイルが読めていないのが原因です。回答欄に記載しましたがローカルの Web サーバを立てる必要があります。
回答1件
0
ベストアンサー
Cross origin requests are only supported for HTTP
エラーの意味はこちらを参照下さい。
■ 【Ajax】ローカルファイルを読み込もうとしたらCORSエラーが発生したので解決した
https://qiita.com/terufumi1122/items/39b2a3659bc585c07f64
つまるところ、ローカルの JSON ファイルをセキュリティ的な問題により読み込めなかった為、エラーとなっています。
対処方法としては、ローカルの Web サーバを立てる必要があります。
簡単な方法としては Python がインストール済みであれば、簡単に Web サーバ機能を使うことができます。
■ pythonでローカルwebサーバを立ち上げる
https://qiita.com/okhrn/items/4d3c74563154f191ba16
コマンドプロンプトより index.html がある場所に移動し
python -m http.server 8000
を実行してみて下さい。
でアクセスできるようになるかと思います。
投稿2021/12/19 07:07
総合スコア4633
ありがとうございます。
pythonでサーバーを立ててみます。
ローカルサーバーといえば、僕はxamppを使ったことがあります。
pythonで立てるローカルサーバーとは、これとはまた別物ですか？
python は一例ですので、xampp でも構いません。
python の Web サーバ機能は簡易的なものですので、むしろ xampp の Apache で動かした方が環境としては良いかと思います。
pythonで立てたローカルサーバーで無事に表示できました。ありがとうございます！
あなたの回答
tips
プレビュー
