解决学习通PC端访问图片加载出错的问题
1.问题
不知道什么时候开始,访问学习通的PC网页端,图片全都崩了,更换网络、更换浏览器都不能解决问题。
2.检查
右键打开浏览器的检查 → 控制台 → 查看报错信息
问题就出在这里
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'. This request was automatically upgraded to HTTPS, For more information see <URL>
混合内容:“<URL>”处的页面是通过HTTPS加载的,但请求了一个不安全的元素“<URL>”。此请求已自动升级为HTTPS,有关更多信息,请参阅<URL>
3.解决方案
当你使用浏览器访问https页面时,如果页面引入、加载了http资源,不管是图片还是js文件,都会被浏览器判断为不安全的资源,从而被阻止访问,这样就会导致你访问的网页所展示的资源缺失
为了解决这个问题,可以采用以下方法:
- 访问页面的http地址,刷新即可(需要确保http文件可以访问)
页面的head中加入:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
将 http 请求升级为 https 请求