原文:Vue項目打包發布后CSS中的背景圖片不顯示

相信有很多同學在學習vue的剛開始都遇到過項目打包發布后發現CSS中的背景圖片不顯示,具體如何解決只需要更改bind的配置即可 修改build utils.js中的generateLoaders方法,如下代碼,增加publicPath: ...

2019-07-01 10:34 0 1052 推薦指數:

查看詳情

vue打包CSS引用的背景圖片不顯示問題

vue項目中,在css樣式引用了一張背景圖片,開發環境下是可以正常顯示,build之后背景圖片不顯示。 解決方法: 找到build/utils.js文件 修改成為如下所示內容: 添加紅框的內容即可。 ...

Thu Nov 22 23:37:00 CST 2018 0 852
vue打包成app背景圖片不顯示

問題: 在使用npm run build 打包, 如果在頁面中使用img標簽引入,打包的路徑是由index.html開始訪問的,真正訪問的是Static/img/圖片名, 是正確的, 但是寫在css 的background: url("../../assets/***.png ...

Mon Apr 29 01:23:00 CST 2019 0 948
laravel項目css樣式表的背景圖片不顯示

剛學laravel,遇到了很多坑,感覺laravel是挺強大的。 建好后台項目,奈何css樣式表的背景圖片不顯示 按理上面的寫法沒錯,因為是從別的后台搬過來的,但是圖片一直不顯示,訪問絕對路徑卻又能顯示圖片,坑。 原因是因為圖片路徑要使用單引號或者雙引號的,下面是正確的寫法 ...

Tue May 31 04:42:00 CST 2016 0 2602
Vue項目中,添加的背景圖片在服務器上不顯示,如何處理

遇到的問題: 在vue項目開發過程,我們常常會在頁面添加背景圖片。可是當我們在樣式添加了背景圖片,編譯打包部署到服務器上時,發現圖片並不能顯示出來,這是為什么呢~~~ 我們一般寫的css樣式如下: 問題原因: 因為在編譯打包圖片的路徑解析出現了問題。 解決方法 ...

Mon Dec 02 21:30:00 CST 2019 0 723
vue項目打包資源相對引用路徑的和背景圖片路徑問題

vue項目中若要使用相對路徑來獲得相應靜態資源, 在一般項目 build 之后都會生成一個 index.htm 文件和 一個 static 文件夾,而 static 這個文件夾需要被放置在根目錄下, 1.需要找到config --- index.js(webpack 是依據index.js ...

Tue Dec 18 19:20:00 CST 2018 0 2927
Vue項目背景圖片打包后路徑錯誤

第一種方法: 原因: 首先,出錯點在url-loader上面。 這里解釋一下上面這段url-loader配置,test是正則匹配規則,匹配項目中所有的以正則規則結尾的格式的文件,直白點就是所以的圖片(png,jpg,jpeg,gif,svg)。然后用url-loader進行處理。處理也有 ...

Fri Jun 09 00:22:00 CST 2017 0 7710
vue打包 背景圖不顯示

對開發完的項目打包放到服務器上,在本地跑的時候一切正常,但是在服務器上跑的時候發現登錄頁面的背景圖沒有了,是一片空白,為此找到了一下解決方案 在build 下的 utils.js中找到: 並添加 publicPath: '../../' 添加的效果: 問題 ...

Thu Jul 04 01:27:00 CST 2019 0 1230
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM