問題： 在使用npm run build 打包后， 如果在頁面中使用img標簽引入，打包后的路徑是由index.html開始訪問的，真正訪問的是Static/img/圖片名， 是正確的， 但是寫在css 中的background: url("../../assets/***.png") 0 0 no-repeat; 引入的圖片，打包的圖片卻訪問不到，因為在css目錄下并沒有static目錄，所以此時要先回退兩層到根節點處才可以正常獲取圖片

解決辦法： 打開build/utils.js, 找到generateLoaders方法，

如果里面沒有publicPath，添加

publicPath:'../../'

?如果有publicPath修改為

publicPath:'../../'

?

轉載于:https://www.cnblogs.com/sllzhj/p/10785257.html

總結

以上是生活随笔為你收集整理的vue打包成app后，背景图片不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。