vue項目webpack打包后圖片路徑錯誤


首先項目是vue-cli搭建的,項目結構如下:

然后發現在css里寫的圖片引用地址在開發時正常顯示,但在打包扔上服務器之后報錯

報的是404,路徑前面多了/static/css,不知道為啥。

在自己慢慢摸索之后發現了解決方法,其實很簡單,只需把config下的index.js的assetsPublicPath配置成你項目的根目錄路徑就行了,例如:

圖片也能正常訪問了。

 

網上還看到說把圖片都放到static下的,我試了下也是要配置assetsPublicPath成根目錄的不然還是報錯。

 

 轉自:http://blog.csdn.net/sanstu/article/details/76058134?locationNum=2


免責聲明!

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



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