uni-app 小程序二级页面跳转到nvue页面无法显示本地图片

uni-app 小程序二级页面跳转到nvue页面无法显示本地图片

操作步骤：

Uni小程序二级页面跳转方式，跳转到nvue页面，无法显示本地图片

预期结果：

跳转到nvue页面，能正常显示本地图片

实际结果：

二级页面跳转到nvue页面，无法显示本地图片

bug描述：

降低Android项目的targetSdkVersion 版本到29以下（使用最新的小程序SDK3.1.4 ，targetSdkVersion=29不能启动二级页面的nvue页面），能通过二级页面启动方式打开nvue页面。但是 跳转到nvue页面，无法显示本地图片

信息项 信息值
产品分类 uni小程序SDK
手机系统 Android
手机系统版本号 Android 10
手机厂商 华为
手机机型 任何安卓手机
页面类型 nvue
SDK版本号 3.0.5、3.1.4

更多关于uni-app 小程序二级页面跳转到nvue页面无法显示本地图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 小程序二级页面跳转到nvue页面无法显示本地图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的兼容性问题，主要与Android 10的文件权限策略和uni-app小程序的页面栈管理有关。

当targetSdkVersion ≥ 29时，Android加强了分区存储限制，影响了小程序二级页面中nvue对本地图片的访问权限。虽然降低targetSdkVersion可以绕过此限制，但会导致无法正常启动二级页面的nvue页面。

解决方案：

  1. 使用网络图片：将本地图片上传至服务器，通过URL引用，这是最稳定的方案。

  2. 使用base64编码：将小尺寸本地图片转换为base64格式嵌入：

<image src="data:image/png;base64,iVBORw0KGgoAAA..."></image>
回到顶部