Vue3_Vite

配置文件：vite.config.js

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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')  // 配置别名
    }
  },
  server: {
    open: true, // 自动打开浏览器
    port: 8080, // 配置端口
    proxy: {    // 配置跨域
      '/demo': {
        target: "https://apitest.yhchmo.com/v2",
        changeOrigin: true
      }
    }
  }
})

加载不同的环境变量

{
  "name": "vite-test1",
  "scripts": {
    "dev": "vite",  // 通过import.meta.env查看当前环境中的环境变量
    "test": "vite build --mode test",  // 新建对应的.env.test文件
    "build": "vite build --mode prod", // 新建对应的.env.prod文件
    "preview": "vite preview"
  }
}