uniapp+vue开发微信小程序,image标签图片IOS可以正常回显,安卓回显不出

仅代表个人遇到的问题,仅代表个人遇到的问题,仅代表个人遇到的问题,

1.先说最快的解决方案,直接在src下面额外添加一段url,'https://images.weserv.nl/?url=',

复制代码
          <image
            style="width: 180rpx; height: 200rpx; 
            background-color: #eeeeee;"
            mode="scaleToFill"
            :src="`https://images.weserv.nl/?url=${state.headImg}`"
          ></image>

2.我这边的原因是因为服务器部署在腾讯云上,小程序安卓手机会触发防盗链机制,导致无法正常访问到图片

3.正规解决办法:在服务器配置中的防盗链配置referer白名单,添加servicewechat.com

4.隐患,如果关闭了防盗链或者添加白名单,请把"IP访问限频"以及"宽带封顶设置"配置好,不然万一被恶意攻击,将会损失很多流量

相关推荐
Geek_Vison32 分钟前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas
PedroQue992 小时前
0.5.0重磅发布:动画插件+H5体验全面优化
前端·uni-app
微笑的曙光2 小时前
第一期 · 本地优先 MVP:不写一个后端,如何做出完整体验
微信小程序
雪芽蓝域zzs3 小时前
第四十六节:顶部【驾驶舱】独立大屏页面实现
前端·javascript·vue.js
EatFan3 小时前
Java接入微信支付保姆式教程(三):SpringBoot 接入微信支付并完成统一下单
微信小程序·微信支付·springboot
摸鱼仙人~4 小时前
Vue 应用完整启动链路
前端·vue.js·软件工程
雪芽蓝域zzs5 小时前
第四十八节:驾驶舱大屏进阶:数字滚动动画 + 渐变边框美化
前端·javascript·vue.js
QQ_21696290965 小时前
基于SpringBoot+Vue的小生活平台的设计与实现
java·数据库·vue.js·spring boot·spring·微信小程序·生活
飞梦工作室5 小时前
H5页面能否直接播放视频号直播?实战方案与踩坑总结
微信小程序·小程序
Bs_MoneyMagnet19 小时前
基于springboot+vue的生态果园采摘预约系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·毕业设计·计算机毕业设计