Vue区分不同环境变量打包

在vue项目的根目录下创建 .env.dev，.env.test, .env.prod文件（需要区分几种环境变量创建几个）
.env.dev

NODE_ENV = 'development'
VUE_APP_MODE = 'dev'
VUE_APP_URL = http://localhost:3001/

.env.test

NODE_ENV = 'development'
VUE_APP_MODE = 'test'
VUE_APP_URL = http://www.testtest.com/

.env.prod

NODE_ENV = 'production'
VUE_APP_MODE = 'prod'
VUE_APP_URL = http://www.prodhref.com/

package.json

 "scripts": {
    "serve": "vue-cli-service serve --mode dev",
    "build:test": "vue-cli-service serve --mode test",
    "build:prod": "vue-cli-service build  --mode prod"
  },

组件中使用
index.vue

let url = process.env.VUE_APP_VUE_APP_URL;
axios.get(url +'test/').then()