CORS issue

Description:

• A-Frame Version: 0.9.1
• Platform / Device: Chrome/74.0.3

I am facing a situation, where I do not want to add Origin: www.domain.com to request header while getting an image using a-sky and a-image.

For example, in my case -

<!-- is working -->
<img src="image_source">

<!-- CORS error -->
<img src="image_source" crossorigin="anonymous">

I tried with below solutions I found but none of them worked.

1. Try to remove crossOrigin from ImageLoader

if (window.THREE)  {
  window.THREE.ImageLoader.prototype.crossOrigin = ''
}

1. Try to set crossOrigin via FileLoader

if (window.THREE)  {
  window.THREE.FileLoader.prototype.setRequestHeader('crossOrigin', '')
}

1. Use a-assets to load image

<script src="https://aframe.io/releases/0.9.1/aframe.min.js"></script>

<a-scene>
    <a-assets>
        <img id="sky" src=image_source">
    </a-assets>
    <a-sky src="#sky"></a-sky>
</a-scene>

Is there any way to prevent aframe to adding crossOrigin=“anonymous” in header?

[sanjay-bhuva]

Updated @dmarcos . I will create a demo and with the reproducable example soon.

[dmarcos]

@jlavie The server that hosts the images has to be CORS configured. Look for Cloudfront CORS configuration. Closing this since I don’t think there’s nothing actionable on A-Frame side. We can reopen if necessary.