在带有 React 的 MUI 上使用 CSP Header

Question

我有一个使用 creact-react-app 和 Material-UI 的 React App。

我正在尝试为 AWS CloudFront 中的 react web 应用程序启用 CSP 标头。

我不知道为什么，但我不断收到这些空的内联“数据-情感”样式标签。

我将 the.env 设置如下：

ESLINT_NO_DEV_ERRORS=true
INLINE_RUNTIME_CHUNK=false
IMAGE_INLINE_SIZE_LIMIT=0

Answer 1

尝试将 style-src 指令设置为“style-src 'self' 'sha256-2NO5...' 'sha256-47DE...';” 使用错误消息中提供的完整哈希值。