VUE3.0环境变量_vue3 环境变量写在哪

环境变量，就是全局需要用到的变量，比如接口地址，项目名称等。项目又可能身处不同的环境，比如测试环境、开发环境不同，请求的接口地址不同。

环境变量文件位置于项目根目录，文件名是.env、.env.development和.env.production

.env 所有环境都会加载的配置文件
.env.development 开发环境加载的配置文件(npm run serve启动会加载的配置)
.env.production 生产环境加载的配置文件(npm run build后dist项目会加载的配置)
.env.development或.env.production里的变量会覆盖.env同名变量
1
2
3
4

配置文件里的变量格式：

# VUE_APP_ 规定的命名格式，NAME是自定义的名
VUE_APP_NAME = ''

# 例如
VUE_APP_QQ = 3539949703
1
2
3
4
5

项目中应用环境变量格式：

process.env.VUE_APP_NAME

# 例如
process.env.VUE_APP_QQ
1
2
3
4