Html 未解析带有sass变量的背景图像

我用这个代码画了身体上的所有项目，我只需要在身体背景上的图像

$fondo: url(/grid/assets/img/backimage.png);

{ padding: 0; margin: 0; } body { ::before{

content:"" ; height: 1008px; width: 100%; display: flex; position: absolute; 
background-image: $fondo ; background-repeat: no-repeat ; background-position: 
center; background-size: cover; filter: blur(1.6rem);

}

}

这样试试

$fondo: url(/grid/assets/img/backimage.png);
 body { 
    padding: 0; margin: 0;
     &::before{
        content:"" ; 
        height: 1008px; 
        width: 100%; 
        display: flex; 
        position: absolute; 
        background-image: $fondo;
        background-repeat: no-repeat;
        background-position: center; 
        background-size: cover; filter: blur(1.6rem);
    }
}