Vite配置环境变量

项目根目录下分别添加 开发、测试和生产环境的文件

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

文件内容

.env.development

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

.env.test

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

.env.production

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

获取变量

import.meta.env

配置运行命令

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