https加载http资源，致使ios手机上的浏览器图片加载问题

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

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

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

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

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

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

参考文章：

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