Erro CORS ao carregar a imagem de outro servidor dentro da tag a-sky
Estou tentando usar uma textura do meu servidor da web hospedado, mas, ao colocá-la na tag item de ativo, recebo o seguinte erro.
> Access to Image at 'http://192.168.137.1:3000/cat2.jpg' from origin
> 'http://localhost' has been blocked by CORS policy: No
> 'Access-Control-Allow-Origin' header is present on the requested
> resource. Origin 'http://localhost' is therefore not allowed access.
A imagem está acessível, pois posso vê-la no webinspector. Funciona perfeitamente em uma tag de imagem simples. Alguém sabe o que fazer aqui? Obrigado!
Atualizar: Meu código você pode encontrar abaixo:
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<a-scene>
<a-assets>
<img id="cat" src="http://192.168.x.x:3000/cat.jpg"/>
</a-assets>
<a-sky src="#cat"/> <!-- this code works not (CORS) -->
<a-sky src="http://192.168.x.x:3000/cat.jpg" /> <!-- this code works not (CORS) -->
</a-scene>
<img id="cat" src="http://192.168.x.x:3000/cat.jpg"/> <!-- this code works -->
Solução:
Eu descobri o principal problema: não tinha nada a ver com o A-Frame, era um pequeno erro no servidor. Os cabeçalhos foram especificados após a inicialização do servidor de arquivos. Colocar a especificação na fase de inicialização fez o truque ... é claro ... :-D