How to fix: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I do not currently have a domain attatched to the app as it’s still in development. As soon as its finished I’ll set it to one. for now I’m using randomlink.ondigitalocean.app which is why I set it to *.ondigitalocean.app.

Hi there,

It seems like you have the correct CORS policy for the origin and allowed methods, but you might be missing the required headers.

What I could suggest is to try and add the appropriate Access-Control-Allow-Headers for your DigitalOcean Spaces bucket"

1. Go to your DigitalOcean Spaces dashboard.
2. Click on the desired Spaces bucket.
3. Navigate to the “Settings” tab.
4. Find the “CORS Configuration” section and click on “Edit CORS Config”.
5. Make sure you have the following settings:

• Allowed Origins: https://*.ondigitalocean.app
• Allowed Methods: GET, HEAD
• Allowed Headers: Content-Type, Origin, Accept

6. Save the changes.

Let me know how it goes!

For more information about this you can check out the documentation here:

https://docs.digitalocean.com/products/spaces/how-to/configure-cors/

Best,

Bobby

OMG I HAVE THE SAME ISSUE NOW, its driving me crazy. I have tried everything