小程序图片style显示失效

问题遇到的现象和发生背景

微信小程序 style

遇到的现象和发生背景,请写出第一个错误信息

在模拟器上好用,但是在手机上就出现了问题,怀疑是wx的问题了,因为我实在不知道怎么改了

用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
<view class="cu-avatar round lg" style="background-image:url({{item.up_img}});">view>
up_img:"/images/card/luckymoney.png",
运行结果及详细报错内容

img

img

我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%

其实试了好多,怀疑不是代码的问题

我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”

其实就是想图片显示出来

回答不易,求求您采纳点赞哦

这个问题可能是因为小程序的路径问题导致的。在模拟器上图片路径是相对路径,而在手机上是绝对路径。

可以试着在代码中使用绝对路径试试,例如:

<view class="cu-avatar round lg" style="background-image:url(https://yourserver.com/images/card/luckymoney.png);"></view>

如果还是不行,可能是因为服务器跨域问题导致的,需要在后台配置跨域策略。

另外,也可以在app.json或者project.config.json 中配置合适的静态资源路径,这样就可以在小程序中使用相对路径来访问静态资源了。

"appPath": "static"

可以在小程序中使用相对路径访问静态资源了, 例如:

<view class="cu-avatar round lg" style="background-image:url(/static/images/card/luckymoney.png);"></view>

此外,还可以将图片上传到小程序服务器或者OSS上,然后使用返回的绝对路径来访问,这样也可以解决跨域问题。

总之,这个问题可能是由于图片路径问题导致的,可以尝试上述解决方案来解决。