A-FrameでCORSエラーが出た

1884 ワード
CORS A-Frame CORS テキストリンク

ローカルで、A-Frameを使って360度カメラで撮った写真をウェブ上に表示させようとしたら、

index.html
<!doctype html>
　<html>
　　<head>
　　　<meta charset="utf-8">
　　　<title>ページのタイトル</title>
     <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
　　</head>
　　<body>
　　　<a-scene>
   　    <a-sky src="pic1.jpeg" rotation="0 0 0"></a-sky>
　　　</a-scene>
　　</body>
　</html>



こんなエラーが出た。



そこで、http-serverをインストールして、ローカルホストにアクセスしたら、エラーは出ず、360度カメラの画像が表示された。

$ npm install -g http-server

$ http-server

サーバーが立ち上がったら、
http://localhost:8080/　
にアクセスする。