トーストが表示されているときにヘルメットにエラーが表示されています

Question

ヘルメットの使用中にトーストを表示しようとしているときにこのメッセージが表示されましたか？

トーストはまだ表示されますが、エラーの原因がわかりません。

Answer 1

お使いのブラウザはdata:画像は、コンテンツセキュリティポリシーにホワイトリストに登録されていないので、これをブロックしているようです。あなたのCSPのimg-srcディレクティブは次のようになります解決それ

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