Error de CORS cuando cargo la imagen de otro servidor dentro de la etiqueta a-sky
Estoy tratando de usar una textura de mi propio servidor web alojado, pero al ponerla en la etiqueta del elemento de activo aparece el siguiente error.
> 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.
La imagen es accesible, ya que puedo verla en el inspector web. Funciona perfectamente en una etiqueta de imagen simple. ¿Alguien sabe qué hacer aquí? ¡Gracias!
Actualizar: Mi código que puedes encontrar a continuación:
<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 -->
Solución:
Descubrí el problema principal: no tenía nada que ver con A-Frame en sí, era un error menor en el servidor. Los encabezados se especificaron después de inicializar el servidor de archivos. Poner la especificación en la fase de inicialización hizo el truco ... por supuesto ... :-D