微信小程序之图片路径问题(渲染层网络层错误)

时间:2024-04-05 11:05:06

微信小程序开发之日常一个小bug处理

最近在学习微信小程序,遇到这样一个问题…
原本在springboot项目中上传的图片资源在浏览器上显示是没有任何问题的,但在微信小程序中调用java后台接口时,出现了渲染层网络层错误的报错,图片并没有显示出来,控制台中是存在参数值的。
如图:
微信小程序之图片路径问题(渲染层网络层错误)
wxml代码:
微信小程序之图片路径问题(渲染层网络层错误)
在控制台打印出来是存在的。
微信小程序之图片路径问题(渲染层网络层错误)
以下是个人的解决方案,通过观察发现,在控制台中传过来的
imgurl
参数值是缺少项目路径的,我这里在
wxml中加上一个数据绑定的方法,用于拼接图片的路径。
如图:
微信小程序之图片路径问题(渲染层网络层错误)
并在js中设置
Itemurl的值,(当然可以选择直接在wxml中直接补全路径,但是为了方便后期修改,我这里加在了js**中)
微信小程序之图片路径问题(渲染层网络层错误)
当当当当… 图片加载出来啦!!!
微信小程序之图片路径问题(渲染层网络层错误)