vue打包配置


在vue項目開發中,遇到了一些坑,自行查了資料和文檔,在本地引入背景圖片報錯,和打包之后會報404未找到圖片路徑錯誤,解決方法如下:

1、找到 config->index.js里面,如下修改

 

 

2、找到 build->utils.js

 

 

配置修改完成,接下來,使用有兩種方式,這里一般和文件結構有關,下面是我的文件結構下的使用

 

1、圖片資源放在 assets->img文件夾下面


<img src='../../assets/img/mine.png'>
css使用圖片


background: url("~@/assets/img/Setup.png") 0 0 no-repeat;

Vue 在data中引入圖片路徑

 

 

img路徑多加一層就要多加../

 


免責聲明!

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



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