我的 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 能够与构建一起使用,我还必须做其他事情吗?
预先感谢您的帮助!
我的建议是:不要过于复杂化。只需使用一个 .env 文件。
请确保不要将其推送到存储库,否则它将被公开。仅此而已。
我的配置是:.env for dev,其中包含常量。
然后在生产环境中您只需在那里设置变量即可。