CORS在a帧中阻塞图像

Question

为什么我可以在常规HTML中从互联网上加载随机图像，但在A-Frames中遇到这个烦人的CORS垃圾？

以CORS错误运行的帧代码

        <a-assets>
            <img id="homeThumbnail" src="https://i.ytimg.com/vi/GJWuVwZO98s/maxresdefault.jpg" crossorigin="anonymous">
        </a-assets>

常规HTML代码，可以很好地显示图像

<img src="https://i.ytimg.com/vi/GJWuVwZO98s/maxresdefault.jpg">

Answer 1

您应下载此图片，并从您的服务器中使用它。否则，您可以将其上传到imgur.com或glitch.me，这两者都不会导致CORS问题。

---

据我所知，CORS问题更多地取决于服务器，然后是a-frame或three.js。

我尝试使用原生的Three.js纹理加载器，但图像不想加载。这是因为它无法从服务器接收到足够的信息，因此控制台会抛出一个关于没有响应的错误：

components:texture:error '$s' could not be fetched (Error code: undefined; Response: undefined)

例如，imgur.com或大多数维基百科图片都不会导致图片出现问题。

在此fiddle上查看错误和有效的imgur链接。