微信小程序设置背景图片不显示问题解决方法

最近开发小程序的过程当中遇到了这样一个小问题，在wxss文件中经过background设置背景图片，要实现背景图片上显示文字的效果，发现背景图片不显示

代码如下

<view style="background:url('../../img/image.png')">
    <text>文字内容</text>
</view>

 行内样式经验证，存在模拟器正常显示，真机没法正常显示的问题微信

解决方法：

本地图片转换为base64格式

base64图片在线转换工具 - 站长工具

wxml

 <view  style="background-image: url({{background}});background-size: 100% 100%;"></view>

js

data里