vue-cli使用cross-env配置全局环境变量

1、安装cross-env

npm install cross-env --save-dev

2、package.json新增启动项

"serve": "vue-cli-service serve",
"serve:dev": "cross-env ENV=dev vue-cli-service serve",
"serve:test": "cross-env ENV=test vue-cli-service serve",
"build": "vue-cli-service build",
"build:dev": "cross-env ENV=dev vue-cli-service build",
"build:test": "cross-env ENV=test vue-cli-service build",
"build:prod": "cross-env ENV=prod vue-cli-service build",

3、环境文件配置

根目录新建.env.development文件和.env.production文件。添加如下代码，注意以VUE_APP开头

VUE_APP_ENV=${ENV}

4、使用环境变量

console.log(process.env.VUE_APP_ENV)