CORS Issue: Access-Control-Allow-Origin Header Missing
I am currently experiencing a CORS (Cross-Origin Resource Sharing) issue while attempting to access images stored in our cloud storage from a local application. The error is related to the absence of the Access-Control-Allow-Origin header in the server response, which is essential for allowing cross-origin requests from our local application.
As seen in the attached screenshot, the server response does not include the Access-Control-Allow-Origin header, leading to the following error: "CORS header ‘Access-Control-Allow-Origin’ missing."
To resolve this, we need to ensure that the cloud storage server is configured to include the Access-Control-Allow-Origin header, allowing requests from our local environment (http://localhost:3000 in this case).
Please advise on the next steps or if there's any configuration change needed on the server side to address this issue.