(优雅解决)[渲染层网络层错误] Failed to load local image resource /xxx/xxx/undefined，server status of 500

问题描述

[渲染层网络层错误] Failed to load local image resource /xxx/xxx/undefined
the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
这里我是从后端获取图片，当作背景进行渲染而报的错

这种错误就是页面加载出来但图片没获取到

我的方法

<!-- 背景（这是我报错部分的源码） -->
<view class="bg-img" :style="{'background-image' : 'url(' + playlist.coverImgUrl + ')'}">
</view>

<!-- 背景（修改后） -->
<view class="bg-img" v-show="playlist.coverImgUrl"
		:style="{'background-image' : 'url(' + playlist.coverImgUrl + ')'}">
</view>

其实就是加了一个v-show判断，之前都看过其它教程说是加一个computed，比较麻烦而且对我的问题好像也不适用。
图片渲染就差那么零点几秒，肉眼是看不出来什么差的，所以感觉就没必要用计算属性等的方法了。