解决vue页面中background背景图404问题

在 css中写background增加背景图片，会出现404错误，在css中可以这样写避免404：background: url("~@/assets/img/main-title.png") no-repeat;background-size: 100% 100%;解释一下，@这是webpack设置的路径别名，代表srcresolve: {alias: {'@': resolve('src')}

cc25485697

3067人浏览 · 2020-06-24 12:20:21

cc25485697 · 2020-06-24 12:20:21 发布

在 css中写background增加背景图片，会出现404错误，在css中可以这样写避免404：

	background: url("~@/assets/img/main-title.png") no-repeat;
    background-size: 100% 100%;

解释一下，@这是webpack设置的路径别名，代表src

	resolve: {
      alias: {
        '@': resolve('src')
      }
    }

~符号，是stylus-loader用的，表示相对于，上面的路径可以理解为：

src下的/assets/img/main-title.png

转发请注明出处，谢谢

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