内容安全策略：页面设置阻止加载资源

Question

我在页面加载时使用了CAPTCHA，但由于某些安全原因，它被阻塞了。

我面对这个问题：

    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'").

我使用了以下JavaScript和meta标记：

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
<script src="http://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit" async defer></script>

Answer 1

我有一个类似的错误类型。首先，我试图在代码中添加元标签，但没有成功。

我发现，在nginx Web服务器上，您可能有一个安全设置，可能会阻止外部代码运行：

# Security directives
server_tokens off;
add_header X-Frame-Options SAMEORIGIN;
add_header X-Content-Type-Options nosniff;
add_header X-XSS-Protection "1; mode=block";
add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'  https://ajax.googleapis.com  https://ssl.google-analytics.com https://assets.zendesk.com https://connect.facebook.net; img-src 'self' https://ssl.google-analytics.com https://s-static.ak.facebook.com https://assets.zendesk.com; style-src 'self' 'unsafe-inline' https://assets.zendesk.com; font-src 'self' https://fonts.gstatic.com  https://themes.googleusercontent.com; frame-src https://player.vimeo.com https://assets.zendesk.com https://www.facebook.com https://s-static.ak.facebook.com https://tautt.zendesk.com; object-src 'none'";

检查内容安全策略。您可能需要添加源引用。

Answer 2

当我的ASP.NET Core Angular项目在Visual Studio 2019中运行时，有时我会在Firefox控制台中收到以下错误消息：

内容安全策略：页面的设置阻止了内联资源的加载（“默认-src”）。

在Chrome中，错误消息为：

加载资源失败：服务器响应状态为404（）

在我的例子中，它与我的内容安全策略无关，而只是我的一个TypeScript错误的结果。

检查IDE输出窗口是否存在TypeScript错误，如：

> ERROR in src/app/shared/models/person.model.ts(8,20): error TS2304: Cannot find name 'bool'.
>
> i ｢wdm｣: Failed to compile.

_{注意：由于此问题是Google上此错误消息的第一个结果。}

Answer 3

您说过您只能从自己的站点（自）加载脚本。然后，您尝试从另一个站点（www.google.com）加载脚本，由于您对此进行了限制，因此无法加载。这就是内容安全策略（CSP）的全部要点。

您可以将第一行更改为：

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' http://www.google.com">

或者，在您了解更多关于CSP的信息之前，完全删除该行可能是值得的。您当前的CSP是相当宽松的（允许unsec-inline，unsec-ava和*的default-src），所以老实说，它可能没有增加太多的价值。