Vue — .env环境配置

文件说明

.env：全局默认配置文件，所有环境都会加载

.env.development：开发环境的配置文件

.env.production：生产环境的配置文件

注：属性名必须以 VUE_APP_ 开头，如：VUE_APP_XXX

.env.test：测试环境
.env.uat：预发环境
.env.prodution：线上环境

"scripts": {
    "build:test": "vue-cli-service build --mode test",
    "build:uat": "vue-cli-service build --mode uat",
    "build": "vue-cli-service build --mode production",
  },

项目中使用

process.env.NODE_ENV 直接在项目中使用

环境加载优先级

1、环境配置文件 **优先级大于** 全局配置文件
2、环境配置会覆盖全局配置，环境配置会覆盖全局配置
3、vue 会根据启动命令自动加载相对应的环境配置文件
	3-1、开发环境加载 .env 和 .env.development
	3-2、生成环境加载 .env 和 .env.production

示例