https加载http资源，导致ios手机上的浏览器图片…

今天解决一个线上bug的时候发现的问题，如下图：

从表象来看，同样的图片，安卓手机上可以正常展示，但是到ios手机上首次进入页面就不能正常显示图片，必须手动刷新一次页面才能正常加载。

这时候，我们首先会考虑是不是ios设备的兼容问题？

于是乎，第一想到的就是问度娘，ios手机浏览器不能正常展示图片是什么原因？这么泛泛的问题，想找到你的答案如同大海捞针。

其次想到的就是在本地环境调试一下，结果测试机在本地环境看是正常的，线上环境看问题复现率100%。这时就想着看看图片资源路径有什么差异，为什么上面的图片不展示，下面的都正常展示了？

答案是：我们网站访问强制切换https安全协议，而接口提供的图片资源时http协议的。于是就引发了上面的问题，因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止，这就会给你带来资源不全的问题了，比如：图片显示不了，样式加载不了，JS加载不了。

参考文章：

https://www.cnblogs.com/yougewe/p/7440008.html

原文链接:https://www.cnblogs.com/qiujianmei/p/10827254.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有