Cors 用于天空的A帧360图像_Cors_Aframe

Cors 用于天空的A帧360图像

cors aframe

Cors 用于天空的A帧360图像,cors,aframe,Cors,Aframe,我正在尝试使用一个URL来拍摄一张360度的照片，以θS作为我的天空。我已经能够用本地文件来实现这一点，但当我尝试将其作为URL引用时，它不起作用。代码看起来很简单，所以我不知道为什么它不起作用。我试过在多个浏览器上运行它，包括夜间 <!DOCTYPE html> <html> <head> <script src="https://aframe.io/releases/0.3.2/aframe.min.js"><

我正在尝试使用一个URL来拍摄一张360度的照片，以θS作为我的天空。我已经能够用本地文件来实现这一点，但当我尝试将其作为URL引用时，它不起作用。代码看起来很简单，所以我不知道为什么它不起作用。我试过在多个浏览器上运行它，包括夜间

   <!DOCTYPE html>
<html>
    <head>
        <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script>
    </head>
    <body>
        <a-scene>
            <a-assets>
                <img id="mall" src="http://www.mycode.zone/res/dc-mall.JPG">
            </a-assets>
            <a-sky src="#mall"></a-sky>
            <a-entity position="0 0 1.5">
                <a-camera></a-camera>
            </a-entity>
    </a-scene>
    </body>
</html>

由于服务器的CORS策略，映像的托管方式不允许其他站点使用文档中的映像。如果我使用来自Mozilla的天空盒图像示例，您的代码可以正常工作：

<img id="mall" src="https://aframe.io/aframe/examples/showcase/composite/lake.jpg">

在开发人员控制台中查看原始代码，您将看到如下内容：

从访问“”处的图像源“”已被CORS策略阻止：否 “Access Control Allow Origin”标头出现在请求的服务器上资源。因此，不允许使用源“” 进入

这是工作代码笔：