在这里插入图片描述

# 问题

imgsrc 属性填写的图片地址,可以正常渲染,但是一旦利用绑定 :src 属性的时候,图片就加载失败了

# 原因

这里使用的是本地路径,想起来 static 静态文件夹,于是我将图片放入到 static 文件夹中

图片总算是出来了, 然后总结几个可以解决本地图片路径显示不出来的问题:

1.把图片放在src同级的static文件夹下。
2.把图片放在cdn上,把网络地址存在imgUrl里,然后直接去展示。
3.图片放在assets文件夹,然后在data里面require进图片

data() {
imgUrl:require('./assets/logo.png')
}

然后放入展示即可。


最后,放一个 vue-cli2 的目录结构(3差不多)

在这里插入图片描述

详细 - 查看