reCAPTCHAアクセスが拒否されましたプロパティ

Question

私がロボットではないことを確認するためにボックスをクリックすると、青いスピナーが回転し始めますが、決して停止しません。最終的にエラー "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> 

。どんな助けでも大歓迎です。

おかげ

EDIT：クロームでエラーメッセージ：

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) 

Answer 1

あなたは、クロスドメイン要求を許可する必要があるように見えます：

Apacheを実行している場合（それはまたに貼り付けることがありますhtaccessファイル）：

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

やPHPで：

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

またはnginxの（サーバ部分）を持つ：

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