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.
image_2024_08_20T11_45_56_692Z.png
Was this page helpful?