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