如何在客户端包外存储环境变量

Question

Vue states 环境变量将是

statically embedded into the client bundle

然而，鉴于此行为，似乎无法在服务器上存储环境变量。 例如，如果有多个服务器，每个服务器都有不同的后端 URL（存储为环境变量），则必须为每个服务器单独构建前端，而不是仅仅将构建客户端包放在服务器上。后端IP改变也会出现同样的问题

有什么方法可以将类似于 .env 文件的内容放在构建 .js 文件旁边并使用它吗？

Answer 1

捆绑代码的目的是减少嵌套导入引起的网络往返。所以如果你想分离你的 .env 文件，你需要一个额外的请求来获取那个文件。想一想，它与调用 API 请求相同。因此，将 .env 变量包装在 API 上是一个更简单的选择。

如果你仍然想在你的服务器上放置一个单独的 .env 文件，它实际上与 Vue 无关。您可以手动或自动（取决于您使用的服务器）将您的文件放在您的服务器上，并通过 relative/absolute 路径从 Vue 代码中获取它。