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