vue打包成app后，背景圖片不顯示
問題： 在使用npm run build 打包后， 如果在頁面中使用img標簽引入，打包后的路徑是由index.html開始訪問的，真正訪問的是Static/img/圖片名， 是正確的， 但是寫在css 中的background: url("../../assets/***.png ...
原文：vue打包后 背景圖不顯示
對開發完的項目打包放到服務器上，在本地跑的時候一切正常，但是在服務器上跑的時候發現登錄頁面的背景圖沒有了，是一片空白，為此找到了一下解決方案 在build 下的 utils.js中找到： 並添加publicPath: .. .. 添加后的效果： 問題得到完美解決 ...
2019-07-03 17:27 0 1230 推薦指數：
相關推薦
Vue項目打包發布后CSS中的背景圖片不顯示
相信有很多同學在學習vue的剛開始都遇到過項目打包發布后發現CSS中的背景圖片不顯示，具體如何解決只需要更改bind的配置即可 修改 build/utils.js 中的 generateLoaders 方法，如下代碼，增加 publicPath: '…/…/' ...
vue打包后CSS中引用的背景圖片不顯示問題
vue項目中，在css樣式中引用了一張背景圖片，開發環境下是可以正常顯示，build之后背景圖片不顯示。 解決方法： 找到build/utils.js文件 修改成為如下所示內容： 添加紅框中的內容即可。 ...
vue 生產環境 background 背景圖不顯示原因
通常我們使用img標簽引入文件，npm run build 打包后 ，因為img為html標簽，打包后他的路徑是由index.html開始訪問的，他走static/img/'圖片名'是能正確訪問到圖片的 而我們寫在css background:url(../xxx/)引入的圖片 ，這時打包后 ...
vue項目打包后css背景圖路徑不對的問題
問題描述： 自己在自學vue做項目的過程中，遇到一個有關背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖： 當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖路徑就不 ...
css背景圖不顯示的問題
css添加背景圖片無法顯示，有以下幾方面原因： 1、css沒有被調用；請檢查css調用是否成功。 2、css圖片地址不對；請檢查css圖片地址是否正確。 3、div的高度沒有固定，是auto或者沒有設值；div設置錯誤容易導致背景圖片高度太大則無法顯示。 4、div被嵌套；查看嵌套的div ...
vue在css中使用background引入背景圖片，打包不顯示問題處理
1、在css中使用background引入static目錄下的圖片時，需使用相對路徑例：background: url("../../../static/img/1.png");2、build --- ...
vue-cli構建的vue項目打包后css引入的背景圖路徑不對的問題
使用vue-cli構建vue項目后，再打包遇到一個css引入的背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖： 當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖 ...