我在页面加载时使用验证码，但由于某些安全原因它被阻止。
我面临这个问题：
内容安全策略：页面设置阻止加载
资源在
http://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit
（“script-src http://test.com:8080 'unsafe-inline' 'unsafe-eval'”）。
我使用了以下 JavaScript 和元标记：
<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>
你说过你只能从你自己的站点（self）加载脚本。然后，您尝试从另一个站点 ( 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 的更多信息之前，完全删除该行可能是值得的。无论如何unsafe-inline，您当前的 CSP 非常松散（允许,unsafe-eval和 a default-srcof *），所以说实话，它可能不会增加太多value。
在 Visual Studio 2019 中运行我的ASP.NET Core Angular项目时，有时我会在 Firefox 控制台中收到此错误消息：
内容安全策略：页面设置阻止加载内联资源（“default-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 上的第一个结果。
我有类似的错误类型。首先，我尝试在代码中添加元标记，但没有成功。
我发现在 nginx 网络服务器上，您可能有一个安全设置，可能会阻止外部代码运行：
# 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'";
检查内容安全策略。您可能需要添加源引用。
我设法允许所有必需的站点使用此标头：
header("Content-Security-Policy: default-src *; style-src 'self' 'unsafe-inline'; font-src 'self' data:; script-src 'self' 'unsafe-inline' 'unsafe-eval' stackexchange.com");
我通过升级我使用的 Angular 版本（从 v8 -> v9）和 TypeScript 版本（从 3.5.3 -> 最新）解决了这个问题。