全局scss封装引入背景图片路径报错

最近使用scss做了全局的mixin封装，用到背景图，意外发现通过相对路径引入图片后报错，大致意思为图片路径不对，改为了使用@代替src路径引入图片依然报错，一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入

如下所示

.box{
    // background: url('@/assets/img/bg.png')   
    // 改为
    background: url('~@/assets/img/bg.png') 
}