如何在vue cli中的background-image放入public的静态资源？

Question

<template>
<div id="login">

<login-logo></login-logo>

</div>
</template>

<script lang="ts" setup>
import LoginLogo from './childComps/LoginLogo.vue';
</script>

<script lang="ts">
export default { name: 'LoginView' };
</script>

<style lang="scss" scoped>

login {

width: 100%;
height: 200px;
background-image: url('/image/login/logo.jpg');
}
</style>
background-image: url('/image/login/logo.jpg'); 这样写直接报错。

background-image: url('~@/assets/image/login/logo.jpg'); 这样写可以显示。
请问有人知道如何不经过webpack的编译吗？