微信小程序真机调试时手机上看不见图片

微信小程序真机调试时手机上看不见图片

在学了一段时间微信小程序之后，我开始做一个练习，发现在开发者工具上能狗正常显示图片，可是真机调试时无法正常显示图片，检查了代码也没有错，也没有报错！就到网上查了一下最后还是解决了。
我遇见的问题是这样的：图片使用为背景图片

<view class="head-bg" style="background: url(/image/bg-city.png) center top / 100% 100% no-repeat;     opacity: 1;" ></view>

其实微信小程序加载图片的方式有几种：
1.图片路径不能带有中文
2.图片名称去除空格
3.图片不能引用相对路劲
4.将图片前缀http改成https
5.不能用作背景图片，手机不能加载
修改后：

<image class="head-bg" src="/image/bg-city.png"></image>