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文件夾下。