美文网首页
Vue3.0 不同环境参数配置

Vue3.0 不同环境参数配置

作者: 宁宁宁66 | 来源:发表于2019-02-26 15:40 被阅读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 不同环境参数配置

      本文链接:https://www.haomeiwen.com/subject/fhgayqtx.html