如何在生产中解决React的内容安全策略指令

问题描述

我正在使用create-react-app构建一个React应用程序,该应用程序是从也充当我的API网关的节点/表达式服务器提供静态构建的。

在React应用程序上,我有一个登录页面,在该页面上,我使用它们提供的API端点从外部域渲染随机图像,以获取随机图像。图像是使用css-in-js中的backgroundImage属性设置的。

在开发中,该页面可以正常显示随机图像,但是在生产中,我收到错误消息“拒绝加载图像,因为它违反了以下内容安全策略指令:” img-src'self'数据: “。”在浏览器控制台中。

我调查了这个问题,发现这里有建议在节点服务器上启用CORS的答案。

虽然我认为这种方法可能有效,但我想避免CORS,并尽可能地更改政策指令。

我的问题是,是否有标准的“反应”方式使之成为可能?如何在生产站点显示来自外部域的随机图像?

我猜想提出问题的另一种等效方法是,如何为跨域托管的图像在React中设置图像src属性

对此有任何帮助,非常感谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)