记录vue---背景图引入静态资源记录一下吧，打包后静态图片找不到本来这个图片我是直接使用引入，可是上是生产的后报错，

记录一下吧，打包后静态图片找不到

本来这个图片我是直接使用引入，可是上是生产的后报错，找不到这个图片

   background-image: url("../../assets/img/background/beijing.png");

在这里插入图片描述后来查找资料才发现可以使用require来引入静态资源，成功解决问题

data(){
    return{
     backgroundImg: require("../../assets/img/background/beijing.png"),
    }
}

使用背景图

 <div    style="{ backgroundImage: `url(${backgroundImg})` }">

使用的话直接粘贴，避免报错