开发微信小程序时，遇到一个作死的错误：

编译时出现错误，请去控制台查看详细信息

VM564:2 Failed to load image http://1973358200.debug.open.weixin.qq.com/pages/index/NaN : the server responded with a status of 404 (HTTP/1.1 404 Not Found)
From server 127.0.0.1

经过几番折腾终于解决，写文记忆。
原因：
由于微信小程序中需要显示网络服务器的数据，所以使用wx.request去读取接口数据，再将数据异步装载到Page.data中，但在渲染页面时由于数据还未及时返回，所以需要用到资源的组件（image、video等等）就会报错 VM564:2 Failed to load image类似的404错误。虽然后来数据加载进来能正常显示，但是错误信息依然显示在控制台中，一般来说不管也能正常执行，但其实是可以解决的。

解决办法：
在显示资源的组件父标签上添加wx:if判断是否有数据，有数据才显示，无数据直接忽略，即可解决错误。

例如：
//修改前会报错的代码
<view class="header">
<image src="{{arr.url+arr.main.headimg}}" mode="widthFix"></image>
</view>

//修改后不报错的代码
<view class="header" wx:if="{{arr.main}}">
<image src="{{arr.url+arr.main.headimg}}" mode="widthFix"></image>
</view>