css使用静态图片

场景

html中某个容器需要使用本地项目中的一张图片作为背景，如果直接 background-image: url("~@/assets/user_info_bg.png");是会报错的，按照下面这么写就好了

.user_info_header {
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  box-shadow: 0 0 20px 1px #DCDCDC; ;
  background-image: url("~@/assets/user_info_bg.png");
}