Cloudfront 404 + CORS/disallowed mime type + CORS/same origin policy

Support
1

Hi there.

Site: hoadeets.netlify.app

I’ve got a few smaller sites hosted here, but this is the first time I’m having Netlify/Cloudfront issues. In short, I’ve got a small one-pager with Javascript filtering a JSON data file based on user input. I initially built and released last night and the JS worked for a few minutes, then stopped working and page is throwing these console errors on page load.

Screen Shot 2022-12-13 at 11.06.32 AM
Screen Shot 2022-12-13 at 11.06.32 AM775×103 33.9 KB

Tried to troubleshoot and find the correct entries for the _header file (which is in project root), currently sitting on the following but issue persists.

/*
  X-Frame-Options: DENY
  X-XSS-Protection: 1; mode=block
  Access-Control-Allow-Origin: *

I just need some guidance on how to resolve the above errors and I’ll give a cookie if we can get an explanation that I can make sense of, hah. I’m reading through docs but not fully grasping what lines need to go where.

Thanks in advance.

3

Hiya :wave:t6: @woblybeard ,

Did you disable javascript processing? Please let us know if you are still experiencing this issue? If so, you can disable processing here in the Netlify UI.

4

Heya, yeah – it was the JS processing causing the CORS error as the JS was being loaded back through the CDN. Disabled it a few hours after posting this but never updated. Apologies.