尝试更换此部件：

img-src * 'self' data: https:;

所以完整的标签：

<meta http-equiv="Content-Security-Policy" content="default-src *;
   img-src * 'self' data: https:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *;
   style-src  'self' 'unsafe-inline' *">

Content Security Policy Reference

img-src * 'self' data: https:;不是一个好的解决方案，因为它会使您的应用容易受到XSS攻击。这里最好的解决方案应该是：img-src 'self' data:image/svg+xml。如果不起作用，请尝试：img-src 'self' data:如果指令仍为img-src * 'self' data: https:;，请考虑更改它

对于 Helm 用户。更好的做法，而不是设置contentSecurityPolicy为false，这应该是最后的选项。我在my app中使用了这个，它很好地解决了这个问题。我的应用程序托管在here中。检查我的源代码here。

app.use(
  helmet.contentSecurityPolicy({
    useDefaults: true,
    directives: {
      "img-src": ["'self'", "https: data:"]
    }
  })
)

除了@manzapanza在上面所做的贡献外，您还需要确保CSP是否尚未在应用的Web配置文件中配置，因为如果该设置存在，它将覆盖索引文件中的 meta标记设置，如下图所示：

索引 meta标记：

<meta http-equiv="Content-Security-Policy" content="default-src *;img-src * 'self' data: https:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src  'self' 'unsafe-inline' *">

正在被Web配置文件中的CSP设置覆盖。

Web配置设置：

<add name="Content-Security-Policy" value="default-src https: http: 'unsafe-inline'; img-src * 'self' data: https:;" />

在这种情况下，可以考虑在系统的web配置文件中设置一个。

我的jspdf和html 2canvas也遇到了同样的问题。我也使用了nginx，并且在我的“conf/nginx-template.conf”文件中配置了“内容安全策略”。下面的修改为我解决了这个问题：

add_header Content-Security-Policy <...>; img-src 'self' data: https:; frame-src 'self' data:;

这简单地解决了问题：

img-src 'self' data:

但要确保多个指令使用分号（;）