vue识别不了assets目录的问题

src/assets
src/assets/head.png
src/a.vue
src下有一个a.vue

    <img src="@/assets/imgs/head.png">
    <img src="./assets/imgs/head.png">
<!--    <img src="assets/imgs/head.png">-->
    <img src="src/assets/imgs/head.png">
    <img src="/src/assets/imgs/head.png">

第一种需要在vite.config.js 用path

import * as path from "path";
export default defineConfig({//npm install -D unplugin-vue-components unplugin-auto-import
  // ...
  server: {
    port:5174,
    host: '0.0.0.0', // 允许所有 IP 地址
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname,'./src')
    }
  },