vue-cli在打包后js獲取的圖片路徑錯誤問題時候


在用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去引用就行了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM