Google Cloud CDN CORS issue

[Peter Ho]

Your firewall is incompatible with the load balancer

To use the HTTPS load balancer, add the following firewall rule to allow traffic from the load balancer to the backend service wp-backend-service.

Source IP range

130.211.0.0/22, 35.191.0.0/16

Allowed protocols and ports

tcp:80

I have created  a Compute Engine - VM and have several website installed.

Also I have created Network services - Load balancing 

- Backend configuration : Created Backend services and join the instance group with sames VM abvoe.

- Created Cloud CDN and config SSL certificate also done.

The website is https://united-athle.hk/

The CDN domain is https://cdn.ua.sugarproject.com

When I visit the website, the following CORS issue occured

Access to resource at 'https://cdn.ua.sugarproject.com/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/manifest.json.php?gcm_sender_id=' from origin 'https://united-athle.hk' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I have read Cross-origin resource sharing (CORS), but not really sure how to config. My storage is in VM engine.

https://cloud.google.com/storage/docs/cross-origin

Anyone have idea?

[Germán (Google Cloud Support)]

Hello,

The error you are receiving is due to the missing ‘Access-Control-Allow-Origin’ header you need to include on your website pages. Without the header the error message will continue. There's a good guide on this at [1]

[1]https://www.html5rocks.com/en/tutorials/cors/