如何解决create-react-app问题:拒绝加载图像“ <URL>”,因为它违反了以下内容安全策略指令:
我正在尝试将React应用部署到Heroku。我有一个NodeJs / Express API,它正在为使用create-react-app创建的应用提供服务。
我正在尝试在网站上的外部API(https://www.thecocktaildb.com)中的标记中显示图像,并且在生产中继续出现以下错误:
Refused to load the image '<URL>' because it violates the following Content Security Policy directive: "img-src 'self' data:".
我已尝试使用我的public / index.html文件中以下代码段的许多变体来解决此问题,但到目前为止没有任何效果。
<meta
http-equiv="Content-Security-Policy"
content="img-src 'self' https://www.thecocktaildb.com data:;"
/>
我已经用尽所有尝试,无法在任何地方找到解决方案。请帮忙。
解决方法
https://stackoverflow.com/a/40360666/11624647
尝试添加标签
img-src * 'self' data: https:
代码:
<meta http-equiv="Content-Security-Policy" content="default-src *;
img-src * 'self' data: https:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *;
style-src 'self' 'unsafe-inline' *">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。