vue+vite 本地图片可以显示 线上不能正确显示

问题：            <div
                                class="menu-icon"
                                :style="
                                    selectedKeys[0] !== item.key || selectedKeys[0] === 0 ?

      `background-image: url('src/views/logedt/public/img/equipmentScale/icon_${item.icon}.png')`
            : `background-image: url('./src/views/logedt/public/img/equipmentScale/icon_${item.icon}_active.png')`
        "
      ></div>

在html中用css来引入图片，在本地显示正常，打包上线后会出现异常，找不到图片，线上路径还是和线下的路径一样，不会将路径指向打包后的路径，如果将url路径写成相对路径，会直接指到public中。

解决方法：用类显示，在css中用background-image来引入

      <div
        class="menu-icon"
        :class="
          selectedKeys[0] !== item.key || selectedKeys[0] === 0
            ? `${item.icon} menu-icon`
            : `${item.icon}_active menu-icon`
        "
      ></div>