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

questionAnswers(1)

yourAnswerToTheQuestion