vue中关于.env全局环境变量的配置

vue中关于.env全局环境变量的配置

.env 是全局默认配置文件,但是实际开发中需要的不仅仅只有一种环境。开发、测试、预生产、生产不同的环境。
在根目录上面创建一系列的配置环境。vue中关于.env全局环境变量的配置
.env是固定的,但是后面.test之类可以根据自己什么环境的命名

vue中关于.env全局环境变量的配置
注意:文件的命名方式自定义的属性名必须以VUE_APP_开头,比如VUE_APP_XXX。
然后再到package.json里面加几句命令运行一下npm run dev或者其他的。
vue中关于.env全局环境变量的配置
在启动项目之前可以使用
console.log(process.env) console.log(process.env.VUE_APP_ENV)
打印项目设置的一些配置
vue中关于.env全局环境变量的配置
通过这里就可以知道了像原有属性NODE_ENV等被改为了最新的,覆盖掉了之前在.env中的全局属性

.env中的全局属性的VUE_APP_DEBUG、VUE_APP_REQUEST_URL等之前没有的属性被保留。