小程序图片style显示失效

Question

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

微信小程序 style

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

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

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

<view class="cu-avatar round lg" style="background-image:url({{item.up_img}});"></view>

up_img:"/images/card/luckymoney.png",

运行结果及详细报错内容

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

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

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

其实就是想图片显示出来

Answer 1

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

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

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

<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上，然后使用返回的绝对路径来访问，这样也可以解决跨域问题。

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