项目场景:
小程序ios版本不显示图片:`
问题描述
例如:在与海康提供的停车场接口进行联调时,发现关于停车位图片,在安卓和编辑器的微信小程序上,可以显示,但是在苹果的微信小程序上显示空白。
图示:
原因分析:
考虑了白名单:https;图片格式(png、jpg、jpeg);uniapp开发陷阱;图片链接拼接错误等原因:
但其实都不是,实际在ios的safari浏览器也是不能打开这个链接的,直到图片在网页能打开,小程序不能打开提供了新的思路:图片镜像缓存。
解决方案:
做一个图片镜像缓存:
以下是代码片段
<image referrerPolicy="no-referrer" v-if="imgUrl" class="bg" style="margin: 15rpx 0;" :src="'https://images.weserv.nl/?url='+imgUrl"></image>
在图片地址上加链接前缀 https://images.weserv.nl/?url=
如上,最终在ios的小程序上也可以看到图片了。