CORS problem with google api


#1

Hi there,

After moving my wordpress page to a new server set up with EE I’m getting Errors on my contact page that uses google api for maps and recaptcha. i’m seeing the following in chrome dev console:

 Access to Script at 'https://maps.googleapis.com/maps/api/js?key=*here's_my_ApiKey=4.7.5' from origin 'https://*mydomain*' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://*mydomain*' is therefore not allowed access.
(index):1 Access to Script at 'https://www.google.com/recaptcha/api.js?onload=qodeRecaptchaCallback&render=explicit&ver=4.7.5' from origin 'https://*mydomain*' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://*mydomain*' is therefore not allowed access.

At first I thought it was blocked from google, but I allowed the servers’ IPv4 + IPv6 on googles developer console for this API-Key. As I read already on this forum, I’d have to add https://enable-cors.org/server_nginx.html those lines to the vhost-cfg, but I cant get it to run. Can anybody help?


#2