Vue打包後背景圖片路徑錯誤問題,背景圖片不顯示問題。

npm run dev : 提供一個開發的環境,自動熱更新,資源使用絕對路徑,所以可以正常看到背景圖片。

npm run build : 打包項目,資源使用相對路徑,所以會出現路徑錯誤問題。

打開build/utils.js,在圖中相應位置加入紅框內容,其中值可能會有不同,若不同,自己配置成相應的即可。

需要在config/index.js中設置

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章