显示吐司时头盔显示错误

【问题标题】：Helmet is displaying error when toast is displayed显示吐司时头盔显示错误
【发布时间】：2016-09-09 02:23:58
【问题描述】：

有没有人在使用 Helmet 时尝试显示 toast 时遇到此消息？

toast 仍然显示，但我不确定错误原因。

【问题讨论】：

【解决方案1】：

您的浏览器似乎阻止了此操作，因为 data: 图像未在内容安全策略中列入白名单。您的 CSP 的 img-src 指令如下所示：

img-src 'self' https://cdnjs.cloudflare.com

它应该看起来像这样：

img-src 'self' https://cdnjs.cloudflare.com data:

您可以像这样使用 Helmet 设置此政策：

app.use(helmet.csp({
  directives: {
    // ...
    imgSrc: ["'self'", "https://cdnjs.cloudflare.com", "data:"]
  }
}))

【讨论】：