Javascript reCAPTCHA访问属性的权限被拒绝

当我点击方框确认我不是机器人时，蓝色旋转器开始旋转，但从未停止。最终，浏览器控制台中会出现错误“error:Permission denied to access property”（错误：拒绝访问属性的权限），后面是（看似）随机的10-15个字符串，例如“rne4xiajwyh”

我的代码：

<script type="text/javascript">
  var onloadCallback = function() {
    grecaptcha.render('html_element', {
      'sitekey' : 'my_site_key'
    });
  };
</script>

<form action="#" method="POST">
  <div id="html_element"></div>
  <br>
  <input type="submit" value="Submit">
</form>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
    async defer>
</script>

---

看起来您必须允许跨域请求：

如果您运行apache（也可以将其粘贴到.htaccess中）：

或使用nginx（服务器部分）：

add_头访问控制允许原点https://www.gstatic.com; # < 这是所需的标题

...
...

---

如果它不起作用，尝试用谷歌取代gstatic。。。

Uncaught DOMException: Blocked a frame with origin "https://www.google.com" from accessing a cross-origin frame.
    at Dp.f.Ub (https://www.gstatic.com/recaptcha/api2/r20170213115309/recaptcha__pl.js:349:353)
    at Dp.vb (https://www.gstatic.com/recaptcha/api2/r20170213115309/recaptcha__pl.js:345:59)

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin https://www.gstatic.com
</IfModule>

header("Access-Control-Allow-Origin: https://www.gstatic.com");

add_header Access-Control-Allow-Origin https://www.gstatic.com; # < this is the needed header