【发布时间】：2021-12-24 00:18:12
【问题描述】：
如何解决由 react-draft-wysiwyg 编辑器值引起的 content-security-policy 问题，该值在部署后具有内联样式并且样式未应用于它，因为该问题。如何解决它。
【问题讨论】：
标签： javascript reactjs content-security-policy react-draft-wysiwyg
【发布时间】：2021-12-24 00:18:12
【问题描述】：
解决问题取决于 CSP 在违规消息中所说的内容。可以是 3 种内联样式，每种都有自己的特点。
最简单的方法是找到 React 应用程序发布 CSP 的位置（它应该是一个元标记）并将 'unsafe-inline' 添加到 style-src 指令中。
这使您可以解决所有三种内联样式的问题。
带有 CSP 的元标记很可能是由 react-static-plugin-csp-meta-tags、react-csp 或 react-helmet 之类的插件发布的。找出它并将'unsafe-inline' 添加到style-src 指令，但不要添加到default-src，因为如果不存在script-src，这将允许执行不安全的内联脚本。
一些插件，例如react-static-plugin-csp-meta-tags，允许哈希内联样式，如<style>...</style>。在这种情况下，您可以避免使用'unsafe-inline'，如果此<style> 块不时更改，则使用'hash-value'。
【讨论】：