vue之.env 文件配置详解

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两个文件