vue3.0后多环境配置

根目录下创建

  • .env 每个配置文件中都将包含此文件中的数据,类似于配置文件的全局
  • .env.development 默认开发环境 对应serve
  • .env.production 默认生产环境 对应build

自定义配置

  • 创建 .env.demo 在pageage.json配置
  • 通过mode指定配置文件
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
    "demo": "ue-cli-service build --mode demo"
  },
NODE_ENV .env配置文件中默认参数,指定环境
自定义参数需以VUE_APP_XX格式定义
页面中获取process.env.xx
如想更改开发环境指向也可通过mode指定对应的文件
NODE_ENV = "demo"
VUE_APP_DEMO= "我是demo"

猜你喜欢

转载自www.cnblogs.com/chendada/p/12985775.html