Vue中img的src属性绑定与static文件夹

一、其中有一个叫作static的文件夹，尝试将logo.png放入这个文件夹，而后修改imgUrl：

imgUrl = '/static/logo.png'

成功读取到了logo.png. 执行npm run build后查看dist文件，发现logo.png原封不动地放在了根目录下。 

图片一类的静态文件，应该放在这个static文件夹下，这个文件夹下的文件（夹）会按照本来的结构放在网站根目录下。这时咱们再去使用/static绝对路径，就能够访问这些静态文件了。

二、另外，若是说想在不调整目录结构的状况下读取本地图片，还有一个方法，那就是直接传入图片编码。即：

imgUrl = require('./assets/logo.png')

这样能够读到项目路径下的图片，也能压缩图片，可是要注意，由于CommonJS只容许使用字符串字面量，因此这种方法的灵活性依旧不好，因此仍是推荐将静态文件放入static文件夹下。