Vue3的Env环境变量配置的应用

.env（# 所有环境默认）

# 所有环境默认
 
# 页面 title 前缀
VUE_APP_TITLE=某某某
 
# 网络请求公用地址
VUE_APP_API= /
 
 

.env.development（# 开发环境）

# 开发环境
 
# 指定构建模式
VITE_NODE_ENV=development
 
# 页面 title 前缀
VUE_APP_TITLE=某某某
 
# 网络请求公用地址
VITE_APP_API=/api/
 
# 首页是否显示登录
VITE_SHOW_LOGIN='yes'
 
VITE_SOME_APPENV='1000006'

.env.production（# 生产环境）

# 构建预览页面
 
# 指定构建模式 production
VITE_NODE_ENV=test
 
# 页面 title 前缀
VUE_APP_TITLE=某某某
 
# 网络请求公用地址
VITE_APP_API=/
 
# 首页是否显示登录
VITE_SHOW_LOGIN='no'
 
VITE_SOME_APPENV='1000002'

在页面中需要参与环境判断时则可使用

console.log(import.meta.env.VITE_NODE_ENV)

打印结果