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

Site name: festive-swartz-f22c4a
Frontend Github: https://github.com/hhouston/good-friend-ui
Backend Github: public/same user profile with good-friend-service as repo name

I have a Netlify.toml placed in root with the following:
[[redirects]]
from = “/*”
to = “/index.html”
status = 200

[[headers]]
for = “/"
[headers.values]
Access-Control-Allow-Origin = "

I have a proxy line used in package.json of frontend:
“proxy”: “https://api.thankyougift.io/graphql

Here is the error:

Access to fetch at ‘https://api.thankyougift.io/graphql’ from origin ‘https://thankyougift.io’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

Those links point to my website hosted on Netlify and my load balancer DNS on AWS that points to my backend server. I have fixed this before by adding the proxy line and the Netlify.toml - this time no luck.

Please help,

Hunter

Could you explain a bit more what proxy setting you’ve used? It might help if you were proxying to Netlify, but I don’t think you are. Still would be good to see what you’ve tried!

I don’t know of any setting that will help with this situation - usual fix is to, at the “api.thankyougift.io” server, add the specified CORS header to allow your netlify sitename (thankyougift.io) as an allowed host.