Vue 中img图片加载失败解决方案

在Vue有时候你引用本地图片在本地环境可以正常显示,但是到了服务器上就出现资源请求失败以及无法显示的情况。

这是因为当你在元素里面绑定:src时,Vue将绑定属性的路径作为字符串输出了。

export default {
   
      data () {
   
         return {
   
            img: '../../XXX/XXX/xx.png'      
      }
    }
}

//
<img :src