Vue生成后未定义.env.production变量

Question

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

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

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

这是我第一次这样做，所以我可能会错过一些东西。我是否还必须做其他事情才能使用.env.productionURL来进行构建？

提前感谢您的帮助！

Answer 1

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

只要确保不要把它推到回购中，否则它就会公开。仅此而已。

我的配置文件中有：.env for dev，里面有常量。

然后在生产环境中，您只需在那里设置Variables。

Answer 2

您不应该将.env.production推送到git-reo，但如果您真的想这样做，在构建命令中，您可以在package.json文件上这样做

"build": "cp .env.production .env && vue-cli-service build",