1 文件说明

.evn 全局默认配置文件,无论什么环境都会加载合并

.env.development 开发环境下的配置文件

.env.production 生产环境下的配置文件

三个文件的文件名必须按照以上方式明明,不能乱起名,否则读取不到文件

2 文件内容

属性名必须以VUE_APP开头

3 文件的加载

根据启动命令vue会自动加载对象的环境,vue是根据文件名进行加载的

​    开发环境加载 .env 和 .env.development

​    生产环境加载 .env 和 .env.production

# 例如执行命令
npm run serve  # 执行此命令,会自动加载.env和.env.development

npm run prod	# 执行此命令,会自动加载.env和.env.production

4 优先级

环境配置文件 > 全局配置文件

先读取全局配置文件,如果有环境配置文件,会进行读取,并覆盖相同的全局配置项

5 本地加载与服务器加载

平时运行 npm run serve 命令


本地系统的环境变量是NODE_ENV值,默认是development,此时会加载 .env 和 .env.development两个文件


打包打服务器后,服务器的NODE_ENV值一般是production,此时vue会加载 .vue 和 .vue.production两个文件

Logo

前往低代码交流专区

更多推荐