最近在開發過程中遇到這種問題,在vue打包完成之后,本地啟動可以正常運行的項目,一旦部署到nginx之后,css中的background:url(XXX)的圖片直接502。
我的圖片是放在/assert路徑下:
經過研究之后,發現這樣的話,webpack會將圖片作為靜態文件打包,也就是放在打包完成之后的/static文件夾中,在這里只要修改成這樣:
文件就會作為一種資源打包,也就不會產生找不到的問題。
問題解決!
最近在開發過程中遇到這種問題,在vue打包完成之后,本地啟動可以正常運行的項目,一旦部署到nginx之后,css中的background:url(XXX)的圖片直接502。
我的圖片是放在/assert路徑下:
經過研究之后,發現這樣的話,webpack會將圖片作為靜態文件打包,也就是放在打包完成之后的/static文件夾中,在這里只要修改成這樣:
文件就會作為一種資源打包,也就不會產生找不到的問題。
問題解決!
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。