vue图片路径问题

vue图片路径问题

img的src属性绑定url变量，然而图片加载失败。

大部分的情况中，是开发者使用了错误的写法，例如：

[code]<img src="{{ imgUrl }}"/>

这样写肯定是不对的，正确的写法应该使用v-bind:

[code]<img v-bind:src="imgUrl"/>
<!--在v-for遍历中  -->
<img :src="rating.avatar" alt="">

加载本地图片，回头看vue-cli的文件结构，发现其中有一个叫做static的文件夹，尝试将logo.png放入这个文件夹，然后修改imgUrl：

[code]imgUrl = '/static/logo.png'