Vue3 环境变量配置

一、新建文件

.env.development    
.env.production
.env.test

开发、生产、测试

二、文件内容

1、开发

# 变量必须以 VITE_ 为前缀才能暴露给外部读取
NODE_ENV = 'development'
VITE_APP_TITLE = 'development'
VITE_APP_BASE_API = '/dev-api'

2、生产

NODE_ENV = 'production'
VITE_APP_TITLE = 'production'
VITE_APP_BASE_API = '/prod-api'

3、测试

NODE_ENV = 'test'
VITE_APP_TITLE = 'test'
VITE_APP_BASE_API = '/test-api'

三、配置运行命令  package.json

 "scripts": {"dev": "vite --open","build:test": "vue-tsc && vite build --mode test","build:pro": "vue-tsc && vite build --mode production","preview": "vite preview"},

四、环境变量获取

import.meta.env