Content Security Policy: The page's settings blocked the loading of a resource
<p>I am using <a href="https://en.wikipedia.org/wiki/CAPTCHA" rel="noreferrer">CAPTCHA</a> on page load, but it is blocking because of some security reason.</p>
<p>I am facing this problem:</p>
<pre>
    Content Security Policy: The page's settings blocked the loading
    of a resource at
    http://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit
    ("script-src http://test.com:8080 'unsafe-inline' 'unsafe-eval'").
</pre>
<p>I have used the following JavaScript and meta tag:</p>
<pre><code>&lt;meta http-equiv=&quot;Content-Security-Policy&quot; content=&quot;default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'&quot;&gt;
&lt;script src=&quot;http://www.google.com/recaptcha/api.js?onload=myCallBack&amp;render=explicit&quot; async defer&gt;&lt;/script&gt;
</code></pre>