Vue3.0 不同环境参数配置

package.json文件中
"scripts": {
    "serve": "vue-cli-service serve",
    "build:dev": "vue-cli-service build --mode dev",   //开发
    "build:prod": "vue-cli-service build --mode prod", //生产
    "build:test": "vue-cli-service build --mode test"  //测试
  },
.env文件
// 开发环境
NODE_ENV=dev
VUE_APP_API_URL_WEB=开发环境域名
.env.dev文件
// 开发环境
NODE_ENV=dev
VUE_APP_API_URL_WEB=开发环境域名
.env.test文件
// 测试环境
NODE_ENV=test
VUE_APP_API_URL_WEB=测试环境域名
.env.prod文件
.env.test文件
// 生产环境
NODE_ENV=prod
VUE_APP_API_URL_WEB=生产环境域名

npm run serve 默认会使用.env文件
npm run build:dev 默认会使用.env.dev文件
npm run build:test 默认会使用.env.test文件
npm run build:prod 默认会使用.env.prod文件

.js文件
process.env.NODE_ENV   (环境)
process.env.VUE_APP_API_URL_WEB (url)

你可能感兴趣的:(Vue3.0 不同环境参数配置)