No 'Access-Control-Allow-Origin' header is present on the requested resource

Even by default the crossOrigin is set to anonymous, and the images stored in my AWS S3 is allowed for every request from any origin, still I am getting this error while using Texture Loader.
When the initiator for the image request is three.js module, it ends up in the CORS error, while it is returned successfully when the initiator of the request is my React application page (explore-timeline page)
This case doesn’t appears when I hard refresh the page, but when I run it for the first time in my React Application and subsequent soft reloading until I do hard refresh and it then caches the requested images. Can you tell me what’s the exact issue with it?

Three.js version
  • r115
  • All of them (Chrome, Firefox, Internet Explorer)
  • All of them (Windows, macOS, Linux )


If the CORS headers are not present in the HTTP response, something is wrong with your backend configuration. In any event, this is not a three.js or client-side related issue in general.

I suggest you ask at the AWS support for help.