.env.env文件是项目中全局环境变量,为了防止意外地将一些环境变量泄漏到客户端,只有以 VITE_
为前缀的变量才会暴露给经过 vite
处理的代码
文件说明:
.env:全局默认配置文件,无论什么环境都会加载合并
.env.development:开发环境的配置文件
.env.production:生产环境的配置文件
注意:.env、.env.development、.env.production文件的文件名必须按上面方式命名,不能乱起名,否则读取不到文件。
内容格式:
注意:属性名必须以 VUE_APP_ 开头
vue 会根据启动命令自动加载相对应的环境配置文件。比如执行npm run serve命令,会自动加载.env.development文件(所以不要乱取名)
开发环境加载 .env
和 .env.development
。
生成环境加载 .env
和 .env.production
。
运行npm run serve
的时候主要还是看package.json
中 server
属性的--mode
后面跟的是啥。如果是development
,就会加载.env.development
文件。
在package.json
里面配置好,执行serve的时候用开发环境的。build打包用生产或者测试的
优先级:.env(全局)>.env.production(环境)
项目中使用:
可以使用 process.env.xx
来访问属性。