vue中src配置别名如何使用的问题

在vue.config中配置别名

  configureWebpack: {
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },

JavaScript引用方式

import Himg from "@/assets/img/xt689.png";

css背景图引用方式，记得加上“~”，并且不要忘记引号！

background: url("~@/assets/1_img/hello.png");