小程序报错-图片引入正常,但是无缘无故报错问题

代码实例

<image class="avatar" src="{{postData.avatar}}"></image>

类似的小程序代码中，图片能正常显示，但是在Console里还是会报错：

Fri Jun 29 2018 09:50:52 GMT+0800 (中国标准时间) 渲染层网络层错误
VM6951:2 Failed to load image https://weapp.qiyue99.com/
the server responded with a status of 404 (HTTP/1.1 404 Not Found) 
From server 127.0.0.1

网上查找,原因在于初始化的时候,变量还没渲染进去,导致src为错误的值

解决办法：

利用wx:if判断,当变量存在时才渲染,可以解决报错问题. 

<image wx:if="{{postData.avatar}}" class="avatar" src="{{postData.avatar}}"></image>