uni-app up-image标签IOS下退出APP后再次打开图片不显示

uni-app up-image标签IOS下退出APP后再次打开图片不显示

示例代码：

<view class="pic">
<up-image width="100%" height="100%" :src="item.avatar"></up-image>
</view>

操作步骤：

登录APP后，正常使用，退出APP后半个小时到一个小时后，再次进入APP

预期结果：

列表图片正常显示

实际结果：

列表图片不展示

bug描述：

登录APP后，正常使用，退出APP后半个小时到一个小时后，再次进入APP，当前页面的图片不展示，下拉刷新触发了请求（图片地址加了随机数）也不展示图片。IOS系统必现，安卓还在观察中

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 15.3.2 (24D81)
HBuilderX类型 正式
HBuilderX版本号 4.76
手机系统 iOS
手机系统版本号 iOS 18
手机厂商 苹果
手机机型 iPhonexsmax
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 HBuilderX


更多关于uni-app up-image标签IOS下退出APP后再次打开图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app up-image标签IOS下退出APP后再次打开图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的iOS图片缓存管理问题。在iOS系统中，系统会自动清理长时间未使用的缓存资源，导致再次打开应用时图片无法加载。

建议检查以下解决方案：

  1. 图片缓存策略：在up-image组件中添加cache属性控制缓存行为
<up-image width="100%" height="100%" :src="item.avatar" cache="force-cache"></up-image>

  1. 本地存储检查：确认图片URL是否稳定，避免使用临时链接。建议对图片地址进行持久化存储。

  2. 生命周期处理：在应用重新激活时手动触发图片重新加载

onShow() {
  // 强制刷新图片数据
  this.$forceUpdate()
}
回到顶部