Vue 构建后 .env.Production 变量未定义

Question

我的 Vue 2.2.3 项目中有两个 .env 文件，.env.development 和 .env.development。

在每个 .env 文件中，我已将 VUE_APP_API_URL 变量分配给不同的值 - 一个用于我的本地开发环境，另一个用于生产服务器。

运行 npm run build 将应用程序编译到本地 dist 文件夹中，没有任何问题。但是，当我将 dist 部署到我的服务器时，在我的 Vue 应用程序中记录 VUE_APP_API_URL 会返回 undefined。

这是我第一次这样做，所以我可能会遗漏一些东西。为了让 .env.production URL 能够与构建一起使用，我还必须做其他事情吗？

预先感谢您的帮助！

Answer 1

我的建议是：不要过于复杂化。只需使用一个 .env 文件。

请确保不要将其推送到存储库，否则它将被公开。仅此而已。

我的配置是：.env for dev，其中包含常量。

然后在生产环境中您只需在那里设置变量即可。