项目自动加载文件,无需手动加载
固定的命名方式:
.env 全局默认文件,无论在什么环境下都会执行
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件
变量命名方式:
只支持以 VUE_APP_ 开头,例如设置API地址:
VUE_APP_BASE_API = '全局的基础API接口'
属性覆盖:
当NODE_ENV为development时,.env.development会将.env中的同名属性覆盖,同理,当NODE_ENV为production时,.env.production会将.env中的同名属性覆盖,非同名属性将会被保留
属性使用:
全局使用process.env获取变量,例如:
console.log(process.env.VUE_APP_BASE_API)
package.json配置方式:
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"dev": "vue-cli-service serve --mode development",
"test": "vue-cli-service build --mode test",
"prod": "vue-cli-service build --mode production"
},
启动方式:
npm run dev // 默认development环境
npm run test // test 环境