Vue項目打包發布后CSS中的背景圖片不顯示
相信有很多同學在學習vue的剛開始都遇到過項目打包發布后發現CSS中的背景圖片不顯示，具體如何解決只需要更改bind的配置即可 修改 build/utils.js 中的 generateLoaders 方法，如下代碼，增加 publicPath: '…/…/' ...
原文：vue打包成app后，背景圖片不顯示
問題： 在使用npm run build 打包后， 如果在頁面中使用img標簽引入，打包后的路徑是由index.html開始訪問的，真正訪問的是Static img 圖片名， 是正確的， 但是寫在css 中的background: url .. .. assets .png no repeat 引入的圖片，打包的圖片卻訪問不到，因為在css目錄下並沒有static目錄，所以此時要先回退兩層到根節點 ...
2019-04-28 17:23 0 948 推薦指數：
相關推薦
vue打包后CSS中引用的背景圖片不顯示問題
vue項目中，在css樣式中引用了一張背景圖片，開發環境下是可以正常顯示，build之后背景圖片不顯示。 解決方法： 找到build/utils.js文件 修改成為如下所示內容： 添加紅框中的內容即可。 ...
vue在css中使用background引入背景圖片，打包不顯示問題處理
1、在css中使用background引入static目錄下的圖片時，需使用相對路徑例：background: url("../../../static/img/1.png");2、build ---> utils.js 添加代碼 publicPath ...
vue打包后 背景圖不顯示
對開發完的項目打包放到服務器上，在本地跑的時候一切正常，但是在服務器上跑的時候發現登錄頁面的背景圖沒有了，是一片空白，為此找到了一下解決方案 在build 下的 utils.js中找到： 並添加 publicPath: '../../' 添加后的效果： 問題 ...
uni-app在app中本地背景圖片不顯示的問題
經常會遇到使用本地圖片做背景時，在本地預覽沒問題，到了app調試，圖片就不出現的問題 使用這種寫法 background: url(~@/static/index/neckdiscount.png)no-repeat; 即可解決問題 ...
不定高度的div背景或背景圖片不顯示問題
在使用div+css進行網頁布局時，如果外部div有背景顏色或者邊框，而不設置其高度，在IE瀏覽器下顯示正常。但是使用Firefox/opera瀏覽時卻出現最外層Div的背景顏色和邊框不起作用的問題。 大體結構 原因分析：由於在Firefox和opera中：如果里面的DIV是浮動 ...
div嵌套div 背景圖片 不顯示的問題
這幾天 在做一個小Demo的時候碰到了如上的問題，一個DIV嵌套多個DIV時，父容器DIV不顯示背景圖片。同時結合之前碰到類似的問題，我歸納了如下幾個解決方法： 1.就是常見的 子div 背景把父div的背景給蓋住了，例子： 該例子就是 我有一個父div 和它里面嵌套的一個子div ...
IE模式下背景圖片不顯示
初衷是想給這個提交按鈕<input type="submit" value=" />加上背景圖片，用了以下css樣式： 但是不知道是怎么回事，在Internet Explorer 6、7、8中皆無法顯示該背景圖片按鈕，依然是默認的按鈕形式 ...