在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路徑多加一層就要多加../