vue打包之后资源图片路径失效问题

在vue项目开发中,遇到了一些坑,自行查了资料和文档,在本地引入背景图片报错,和打包之后会报404未找到图片路径错误,解决方法如下:

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

vue打包之后资源图片路径失效问题

2、找到 build->utils.js

vue打包之后资源图片路径失效问题

配置修改完成,接下来,使用有两种方式,这里一般和文件结构有关,下面是我的文件结构下的使用

vue打包之后资源图片路径失效问题

1、图片资源放在 assets->img文件夹下面

<img src='../../assets/img/mine.png'>

css使用图片

background: url("[email protected]/assets/img/Setup.png") 0 0 no-repeat;