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

在vue项目开发中，遇到了一些坑，自行查了资料和文档，在本地引入背景图片报错，和打包之后会报404未找到图片路径错误，解决方法如下：1、找到 config->index.js里面，如下修改2、找到 build->utils.js配置修改完成，接下来，使用有两种方式，这里一般和文件结构有关，下面是我的文件结构下的使用1、图片资源放在 assets->img文

风情雨

7726人浏览 · 2018-04-11 00:18:41

风情雨 · 2018-04-11 00:18:41 发布

在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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^