我正在尝试在Github页面上部署我的react.js应用程序，但是遇到了我无法解决的问题。
运行npm run deploy之后，该页面将正确显示在GitHub页面链接上，但只显示了几分钟。最终，它将报告“此处没有GitHub Pages站点。
当我检查控制台时，它指出：
“拒绝加载图像“ https://tandemungwa.github.io/favicon.ico”，因为它违反了以下内容安全策略指令：“ img-src数据：”
我已经广泛研究了这个问题，但是找不到解决方案。我进入index.html并更改了：
到
..也在尝试“快捷方式图标”，但是没有用。
我尝试手动从应用程序文件夹中删除收藏夹图标，但这没用。
此外，尽管运行了所有这些操作，选项卡上仍会弹出相同的反应图标，所以该应用似乎在强迫自己使用该图标，但我不知道如何或为什么。
这时我很沮丧，解决方案会很好。
谢谢
此外，我不确定是否相关，但是我的API密钥已在应用程序中公开。我知道这并不安全，但这并不意味着要向公众发布。因此，我一直将github仓库设置为private。
有人可以在这里帮助我吗？
答案 0 :(得分：0)
我的angular 8项目中出现了相同的错误消息， “拒绝加载图像“ https：//.github.io/favicon.ico”，因为它违反了以下内容安全策略指令：“ img-src数据：”
问题在于图像路径不正确，
所以不是=> <img [src]='assets/img/myImge' alt=''>
do => <img [src]='./assets/img/myImage'>
我也将图像从* .jpg重命名为* .JPG
此后一切正常。
希望有帮助：）
答案 1 :(得分：0)
我刚刚遇到了类似的问题。就我而言，问题出在 React 路由器包上。
如果您正在使用该软件包，这可能会有所帮助。
我解决它的方法是用 <Router> 替换该包的 <HashRouter> 组件