在这里插入图片描述

# 问题

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

# 原因

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

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

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

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

然后放入展示即可。

最后，放一个 vue-cli2 的目录结构（3差不多）

在这里插入图片描述

详细 - 查看