在工程根目录下创建 .env.development .env.production .env.staging 三个文件
.env.development本地开发环境文件中配置
# just a flag ENV = ‘development‘ # base api VUE_APP_API_URL = / # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable, # to control whether the babel-plugin-dynamic-import-node plugin is enabled. # It only does one thing by converting all import() to require(). # This configuration can significantly increase the speed of hot updates, # when you have a large number of pages. # Detail: https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js VUE_CLI_BABEL_TRANSPILE_MODULES = true
这里的base api 可以代替线上环境地址，也可以代替测试环境地址，看自己替换的地址
.env.production 线上环境配置
# just a flag ENV = ‘production‘ # base api VUE_APP_API_URL = /
.env.staging 测试环境配置
NODE_ENV = production # just a flag ENV = ‘staging‘ # base api VUE_APP_API_URL = /
然后在package.json文件中配置
"build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging",
原文：https://www.cnblogs.com/BySee1423/p/13129604.html