程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”?

开发过程中遇到GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”的问题如何解决?下面主要结合日常开发的经验,给出你关于GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”的解决方法建议,希望对你解决GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”有所启发或帮助;

SO 社区,

我在我的 GitHub 存储库自述文件中使用了嵌入的图像(图标、屏幕截图等),今天注意到我的所有图像在不久前(大约一周左右)之前工作时都损坏了。一些开发者朋友的存储库显示了相同的症状和浏览器控制台错误:

Refused to load the image 'https://raw.githubusercontent.com.x.912eb622002e804d2d0bc98027f64e5bb4af.9270fa5c.ID.opendns.co
m/s/raw.githubusercontent.com/terrencemm2/terrencemm2/main/assets/japanese_flag.png?X-OpenDNS-
Session=_912eb622002e804d2d0bc98027f64e5bb4af9270fa5c_MHRsNPzb_' because it violates the 
following Content Security Policy directive: "img-src 'self' data: github.githubassets.com 
IDenticons.github.com collector.githubapp.com github-cloud.s3.amazonaws.com 
*.githubusercontent.com".

注意:这些是正确的,并在单独的标签/窗口中显示正确的图像。

通常,我专门创建了一个名为 @H_844_7@media 的单独未合并分支,其中包含我想在自述文件中使用的任何图像,然后像这样链接它们......

选项 1:<img> 带有完整的原始内容网址。
<img src="https://raw.githubusercontent.com/terrencemm2/terrencemm2/main/assets/azure.png" height=14 />

选项 2:<img> 使用相对路径。
<img align="right" wIDth="100" height="100" src="../media/logo.png?raw=true">

选项 3:根据 https://guides.github.com/features/mastering-markdown/ 的图像 Markdown 语法。
![Screenshot](../media/screenshot.png?raw=truE)

解决方法

您用于此 URL 的域不正确。您尝试访问域 raw.githubusercontent.com 而不是 raw.githubusercontent.com.x.912eb622002e804d2d0bc98027f64e5bb4af.9270fa5c.id.opendns.com,而 GitHub 的 Content-Security-Policy 标头不允许这样做。

很可能,您所在的网络有一个 TLS 中间人设备,该设备正在篡改您的数据。这是不安全的,您的浏览器正确地拒绝从该位置加载数据,因为 GitHub 的 Content-Security-Policy 不允许加载该数据。您应该禁用此 TLS 篡改或联系您的网络管理员并将此问题告知他们,要求他们及时更正。不这样做,就没有办法解决这个问题。

大佬总结

以上是大佬教程为你收集整理的GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”全部内容,希望文章能够帮你解决GitHub README Images Broken -“违反以下内容安全策略指令:“img-src 'self'”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: