ReCAPTCHA 正在生成内容安全策略警告

Question

我在我的网站上实现了 reCAPTCHA v3，一切正常，我得到了一个分数，服务器端的一切都得到了返回。

但是，我在控制台 (Firefox) 中收到了大量内容安全策略警告:

Content Security Policy: Ignoring “'unsafe-inline'” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “'unsafe-inline'” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified

不知道为什么我会得到这些。我只是像往常一样实现了 v3。

在 head 标签中:

<script src='https://www.google.com/recaptcha/api.js?render=SITEKEYHERE'></script>

在正文标签中:

<form id="loginForm" action="test.php" method="post"> 

    ...

    <input type='hidden' name='recaptcha_response' id='recaptchaResponse'>

</form> 

...

<script src="https://www.google.com/recaptcha/api.js?render=SITEKEYHERE "></script>
<script>
    grecaptcha.ready(function () {
        grecaptcha.execute('SITEKEYHERE', { action: 'login' }).then(function (token) {
            var recaptchaResponse = document.getElementById('recaptchaResponse');
            recaptchaResponse.value = token;
        });
    });
</script>

我希望根本没有警告，但我得到了 6。

Answer 1

请引用此示例代码将其添加到您的 head 标签中

内容安全策略:script-src 'self' https://apis.google.com
您将从此页面获得更多信息
https://developers.google.com/web/fundamentals/security/csp/

还修复了混合内容错误