VueJs环境变量优先级

Question

我有一个VueJS应用程序，它使用不同的环境文件，如下所示：https://cli.vuejs.org/guide/mode-and-env.html#

我有两个文件，特别是：

.env.development

我希望在远程开发服务器中运行应用程序时使用该文件。它包含以下内容。

VUE_APP_K8S=true
VUE_APP_MATOMO_SITE_ID=0

.env.development.local

我希望在本地开发环境中运行应用程序时使用该文件。它包含以下内容。

VUE_APP_K8S=false
VUE_APP_MATOMO_SITE_ID=0
VUE_APP_GRAPHQL_PORT=5433

我想知道在远程开发服务器中运行时是否会优先使用文件？还是会被忽视？

Answer 1

如果您查看文档中的示例，您将看到这两个文件都依赖于模式，因此如果您运行以下命令：

vue-cli-service build --mode development

它将使用.env.development，如果您运行：

vue-cli-service serve --mode development

它应该使用.env.development.local

但是，您也可以使用.env.local，即使不定义模式，也可以在本地运行时加载它。

因此，总结一下：

在remote上运行

1. ，运行命令：vue-cli-service build --mode development和.env.development将在本地env上加载
2. ，运行：vue-cli-service serve --mode development或将.env.development.local更改为

Answer 2

不应将local ENV文件提交到回购程序中。唯一使它们成为本地的是事实，默认的.gitignore文件被设置为忽略它们。如果将它们提交到回购程序中，它将被加载到远程dev服务器上(优先于.env.development)。