Vue全局环境变量和模式如何深入浅析并有效改写？

本文共计1042个文字，预计阅读时间需要5分钟。

我们可以在项目根目录下的`.env`文件中指定环境变量。例如：`DB_HOST=localhost`。

我们可以在项目根目录中的下列文件来指定环境变量：

.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略

一个环境文件只包含环境变量的“键=值”对,并且必须以VUE_APP开始:

FOO=bar //无效
VUE_APP_SECRET=secret 有效

模式

模式是 Vue CLI 项目中一个重要的概念。