Vue背景图片打包后出现的路径引用错误问题

在本地写好的页面，测试展示效果都是正常的，经过 打包后，背景图片不展示，经过排查后，发现是引用路径有问题。

<div :style="logo"></div>

data(){
	return{
		logo: {
        	backgroundImage: "url(" + require("../../../images/logo.png") + ")", // 背景图片
        	backgroundRepeat: "no-repeat", 
        	backgroundSize: "50% 100%",
        	backgroundPosition: "center",
      },
	}
}

修改后，在经过打包部署，背景图片就可以正常显示了。