在用npm run build 打包的時候,正常img標籤中的src圖片路徑和css中的圖片路徑是能夠正常識別的,css
可是在打包js獲取的圖片路徑時,打包後沒法找到圖片,緣由是vue
js動態生成的路徑沒法被url-loader解析到,若是你去build,會發現圖片甚至不會打包輸出到dist目錄(webpack是按需打包的)。webpack
若是你是vue-cli初始化的項目,解決的辦法:
第一步,把圖片放到src同級的static目錄(build/build.js文件中有一段代碼是把static目錄拷貝到dist/static的),好比圖片放在static/img/a.png
第二步,js中使用./static/img/a.png去引用就好了。web