Vue配置环境变量

项目根目录分别添加开发、生产环境文件

.env.development
.env.production

文件内容

# Vue3必须以VITE_前缀开头
NODE_ENV = 'development'
VITE_APP_BASE_API = '/dev-api'

# Vue3必须以VITE_前缀开头
NODE_ENV = 'production'
VITE_APP_BASE_API = '/prod-api'

组件或js内获取方式

// Vue2
process.env

// Vue3
import.meta.env

配置运行命令

"script":{
    "build:pro":"vue-tsc && vite build --mode production",
    }