Why can't you see the picture?

Question

Vue.js

Here is my vite.config with alias setting

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vuetify from '@vuetify/vite-plugin'

import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/viteMonitorbox/',
  plugins: [
    vue(),
    // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
    vuetify({
      autoImport: true,
    }),
  ],
  define: { 'process.env': {} },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
})

I paste it like this, but the picture still doesn't show up.

<v-img
     max-height="30"
     src="@/assets/logo.png"
></v-img>

here is the tree