VUE3 vite获取.env.development配置环境

1、修改vite.config.ts配置

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ command, mode }) => {
    //检查process.cwd()路径下.env.development.local、.env.development、.env.local、.env这四个环境文件
    loadEnv(mode, process.cwd());
    //返回vite配置
    return {
        plugins: ..........
    }
})

2、配置.env.development参数

# 路径变量必须得用VITE_开头, 修改后需要重启
VITE_BASE_URL = 'http://localhost:3000/'

3、js中获取参数

console.log(import.meta.env.VITE_BASE_URL);

参考：第二十六章-Vite的loadEnv方法 - Fidel Yiu | 前端技术博客

源码地址：vue-sys-manage: vue3 + typescript + view ui后台管理系统