在css中的 background 属性中，正常是使用 background: url('../assets/img/hello.png'); 就能引入静态背景图片；
如果服务器上存在前缀的时候： 比如 www.baidu.com/hello/你的项目， 这里的hello就是你的前缀，这时候就会出问题了，背景图片找不到了，下面踢狗两种方法。
一：打开 build 文件夹下的 utils.js
找到如下配置
在这里插入图片描述
publicPath:"../../"import hello from "../assets/hello.png" , 并在 template 中动态导入 :style="{background: 'url('+hello+')'}" ； 这样就算服务器上有再多的前缀，也照常能够引入。data(){
return {
hello:require("../assets/hello.png"),
}
},
在css中的 background 属性中，正常是使用 background: url('../assets/im...
配置地址 潜在问题 vue webpack打包后.css文件里面的背景图片路径错误解决方法[https://www...
问题描述：vue项目打包后，文件找得到，但是背景图片找不到； 解决方法：主要是需要单独为 css 配置 publi...
1. vue 在css 引入背景图片报错：Module not found: Error: Can't resol...
HTML中img标签的图片资源处理 url-loader处理了css中背景图片的引用的问题；html中直接使用im...
vue中为div设置背景图片，直接在css中这样写： background-image:url("/assets/...
在vue css中采用别名引入 背景图片，可以在前面加一个波浪号 css 属性中： background: url...
1. 在vue使用animate.css库 安装：npm install animate.css --save引用...
解决背景图片问题 解决static的相对路径引用问题
新建项目，引用官方css样式，在App.vue文件中的style里面引用引入uni.css报错、 控制台错误提示、...
本文标题：vue css引用背景图片问题
本文链接：https://www.haomeiwen.com/subject/zhikectx.html
网友评论