vue打包之后,部署到nginx無法顯示背景圖片,502


最近在開發過程中遇到這種問題,在vue打包完成之后,本地啟動可以正常運行的項目,一旦部署到nginx之后,css中的background:url(XXX)的圖片直接502。

我的圖片是放在/assert路徑下:

 

 經過研究之后,發現這樣的話,webpack會將圖片作為靜態文件打包,也就是放在打包完成之后的/static文件夾中,在這里只要修改成這樣:

 

 文件就會作為一種資源打包,也就不會產生找不到的問題。

問題解決!


免責聲明!

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



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