【Vue3】如何通过vite.config.js配置中的resolve来设置路径别名？（已解决，图文+代码）

一、vite.config.js配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import WindiCSS from 'vite-plugin-windicss'
import path from "path"
export default defineConfig({
  resolve:{
  alias:{
    // 用~代替src目录
    "@":path.resolve(__dirname,"src")
    }
  },
  plugins: [vue(),WindiCSS()]
 })

二、路由路径使用