Fetch() in Coded Component to get FileObjectClass.FileContentURL blocked by CORS

Ask the community
1

Our setup:

A coded component that renders SVG’s with custom colors by fetch()-ing data from a File Object Class-object’s File Content URL:

fetch(data.iconUrl.get())

This code works fine if we run the app from the “standard” domains, solutionname-dev.appfarm.app and solutionname.appfarm.app,but not if we run our app from the custom domain that is set up. There we get this error:

Access to fetch at 'https://storage.googleapis.com/app-name-68...8e/prod/2...t/68...93?GoogleAccessId=tf-data-service@appfarm-187305.iam.gserviceaccount.com&Expires=...' from origin 'https://app-name.domain-name.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I’ve tried adding https://app-name.domain-name.com as a Web Request Target in Environment-setup, but that didn’t help.

1 Like