vue中env文件配置

1.env文件配置
.env.development开发环境文件配置

NODE_ENV=development
VUE_APP_PREVIEW=true
VUE_APP_API_BASE_URL=/api
VUE_APP_PLATFORM_PORT=8766

VUE_APP_TITLE=title

.env.puhua

NODE_ENV=production
VUE_APP_PREVIEW=false
VUE_APP_API_BASE_URL=/api
VUE_APP_PLATFORM_PORT=9007

VUE_APP_TITLE=title1

文件中内容命名规则属性名必须以VUE_APP_开头，例如：VUE_APP_XXX

2.package.json文件配置
本地执行npm run dev时使用.env.development文件，配置："dev": "vue-cli-service serve --mode development"
打包生产环境执行npm run build会默认使用.env.production文件，我这里要单独配置指令，执行npm run build:puhua时使用.env.puhua文件，配置："build:puhua": "vue-cli-service build --mode puhua"

"scripts": {
    "dev": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "lint:nofix": "vue-cli-service lint --no-fix",
    "lint": "vue-cli-service lint",
    "build:preview": "vue-cli-service build --mode preview",
    "build:dev": "vue-cli-service build --mode development",
    "build:test": "vue-cli-service build --mode test",
    "build:puhua": "vue-cli-service build --mode puhua"
  },

3.在文件中使用
process.env.VUE_APP_TITLE

注意：无论是开发环境还是生产环境都会执行.env文件，如果运行npm run dev就会先加载.env文件再加载.env.development；如果运行npm run build:puhua就会先加载.env文件再加载.env.puhua。