Vue 配置全局路径参数 @

在vite.conig.js/ts 中

　　1.  fileURLToPath 

import { fileURLToPath } from 'url'
export default defineConfig({
  plugins: [
    vue()  
  ],
  resolve: {
    alias: {
      // 配置路径别名 使用@ 代替 ./src
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

　　2. path

　　// 如果提示 找不到模块 path 或其相对应的类型声明

　　npm install @types/node --save-dev

import path from 'path'
export default defineConfig({
  plugins: [
    vue()
  ],
  resolve: {
    alias: {
      // 配置路径别名 使用@ 代替 ./src
      '@': path.resolve(__dirname, './src'),
    }
  }
})