显示 toast 时头盔显示错误

Question

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

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

Answer 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:"]
  }
}))

Helmet is displaying error when toast is displayed