VUE 结合 cross-env 配置环境变量

npm install cross-env

cross-env是跨平台设置和使用环境变量的脚本。
大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同。使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。

新建.env

VUE_APP_API_ENV=${API_ENV}
// 设置一个变量，API_ENV和package.json中的API_ENV=dev 相对应

官网

文档：https://cli.vuejs.org/zh/guide/mode-and-env.html

package.json

"scripts": {
    "serve": "cross-env API_ENV=dev vue-cli-service serve",
    "serve:test": "cross-env API_ENV=test vue-cli-service serve",
    "serve:prod": "cross-env API_ENV=prod vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

image.png