移动端https网站不显示http图片

6,657 阅读1分钟

访问某个网站发现有些图片不显示,但是web端浏览器显示,移动端部分机型出现问题。
测试机型iphone6s

主要原因,https的网站会拦截http源的图片。
网站找了很多篇文章都没有解决方案,有人说,这是一种加载安全机制。

当差点要放弃的时候终于找到解决方案,亲测有效哦。

解决方案:
在网页头部添加

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

自动将http的不安全请求升级为https
注意:
这里将所有连接的http 都升级为https,所以所有的http协议的资源必须有对应的https才行。