我正在托管360度全景作品，当文件托管在Imgur上时，我可以使用AFrame 360 Image来工作，但是我需要尝试使其脱离我的作品网站，以支持更大的尺寸文件大小和易于访问。当前脚本已加载，但是没有图像出现，这种情况对于网站上托管的任何图像都会发生。为什么会这样？
我尝试了所有不同大小和扩展名的文件，尽管可以通过直接链接访问，但它们都没有加载到脚本中。
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sky src="https://mapping.hdc.govt.nz/photos/LowStitch.jpg" rotation="0 0 0"></a-sky>
</a-scene>
</body>
</html>
我希望它的工作原理与使用Imgur托管的图像时的工作原理相同，但是我得到的只是一个带有右下角VR徽标的白色屏幕。
答案 0 :(得分：0)
查看控制台日志-
'https://mapping.hdc.govt.nz/photos/LowStitch.jpg'处的图像访问已被CORS策略阻止：请求的资源上没有'Access-Control-Allow-> Origin'标头。
显示其CORS（ C ross- o 原点 R 资源 S haring）错误。这意味着服务器没有为aframe.io提供带有CORS标头的文件-因此拒绝了资源。尝试将网站放在与照片相同的目录中。或与服务器管理员联系以获取标题。
有关CORS的详细信息-here是H.Pauwelyn在框架中对CORS的明确要求。
答案 1 :(得分：0)
资产需要CORS标头才能从您的虚拟主机上跨源加载：https://aframe.io/docs/0.8.0/introduction/faq.html#why-does-my-asset-e-g-image-video-model-not-load
