vue項目中打包background背景路徑問題


項目中圖片都放在src/img文件夾,img和background-image引用都用相對路徑,即../../這種形式 

在打包build的設置路徑assetsPublicPath: ‘./‘,然后那些沒有轉成base64的背景圖都失效了,,路徑。

處理方法:

  使用require引入圖片

img標簽
<img :src="require('assets/img/header/search.png')">

背景圖
<div :style="{backgroundImage:'url('+require('assets/img/common/bg.png')+')'}"></div>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM