vue多环境变量 .env配置

.env                # 在所有的环境中被载入
.env.[mode]         # 只在指定的模式中被载入

只有 NODE_ENV，BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中

优先级

为一个特定模式准备的环境文件 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先级。

使用

1.创建 .env.pre

2. 配置.env.pre环境变量

VUE_APP_STATIC_PATH = /

3.在package.json中添加运行命令

  "scripts": {
    "dev": "vue-cli-service serve",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "pre": "vue-cli-service build --mode pre", 
    "lint": "vue-cli-service lint",
    "eslint": "eslint ./src/**/*.vue --fix"
  },