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)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...
    WHU_凌晨_Bin阅读 3,480评论 0 3
  • Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。 本文介绍如何使用 npm 脚本(n...
    邓海琪阅读 5,648评论 0 0
  • 一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...
    猪猪9527阅读 394评论 0 0
  • Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。 本文介绍如何使用 npm 脚本(n...
    6e5e50574d74阅读 3,432评论 0 2
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,243评论 0 21