CORS Issue for Javascript

[michaelaguiar]

Description:

I am deploying a Laravel app and am getting a CORS Issue for .js file, and they won't load. I followed the documentation and included serverless-lift, per my example below, and css / images load fine. It's only the .js files that are running into the CORS Issue.

I noticed that the Cloudfront behavior for the /build/* route can have a CORS-S3Origin Origin Request Policy that fixes the issue, but is there a way to do this automatically in the serverless.yml file, or is there a different solution for why .js files won't load?

How to reproduce:

constructs:
  website:
    type: server-side-website
    assets:
      "/build/*": public/build
      "/images/*": public/images
      "/favicon.ico": public/favicon.ico
      "/robots.txt": public/robots.txt

[mnapoli]

CORS issues happen when you load resources from a different domain. If you use serverless-lift that should not happen. Are you loading stuff from another domain?

[michaelaguiar]

Nope! Currently don’t have any domain set, so it’s using the auto generated url

[mnapoli]

Could you paste a screenshot of the error? It would be helpful to check:

• the URL you loaded in the browser
• the URL that has the CORS issue

Those have to be 2 different domains for there to be a CORS issue.