内容安全策略 - data:image/svg+xml 在 img-src 中被忽略

Question

我的 CSP 头看起来像这样（实际上，它只是与加载图像相关的部分），这应该是有效的。但是 Chrome 抱怨“内容安全策略指令‘img-src’的源列表包含一个无效的源：‘data:image/svg+xml’。它将被忽略。”

img-src data:image/svg+xml 'self' https://stats.g.doubleclick.net/r/collect https://www.facebook.com/tr/ https://www.google-analytics.com/r/collect data:image/svg+xml;

它应该是有效的，我在网上的示例中找到了它，但它不起作用。例如，这里建议https://security.stackexchange.com/questions/94993/is-include-the-data-scheme-in-your-content-security-policy-safe/95011#95011

请提供有效且有效的示例，我迷失在这个迷宫中。

Answer 1

您的示例 CSP 无效。根据MDN 文档，您应该只使用主机、模式或其他常量值。更正后，您的示例应如下所示：

img-src 'self' https://stats.g.doubleclick.net/ https://www.facebook.com/ https://www.google-analytics.com/ data:;