vue css引入图片问题在style中引入assets的问题

如图，我将我的scss单独用一个文件放到styles中，然后在引入到到页面之中，但是当我用绝对路径引入图片的时候，开始报错，这是为什么呢？原来用的vue-cli的话，static文件夹下面的代码不会被编译，css里url是什么打包后就还是什么，src下面的assets代码和图片都会做处理的，打包路径要看你配置的assetsRoot，assetsSubDirectory参数。打包之后是没有asset

奶溶咖啡糖

4408人浏览 · 2021-01-19 13:16:51

奶溶咖啡糖 · 2021-01-19 13:16:51 发布

如图，我将我的scss单独用一个文件放到styles中，然后在引入到到页面之中，但是当我用绝对路径引入图片的时候，开始报错，这是为什么呢？

原来用的vue-cli的话，static文件夹下面的代码不会被编译，css里url是什么打包后就还是什么，src下面的assets代码和图片都会做处理的，打包路径要看你配置的assetsRoot，assetsSubDirectory参数。打包之后是没有assets文件夹的,static文件夹不做处理复制过去。

解决方法：使用相对路径

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}$/, //不连续的两位字母// /^