Vue Firebase 托管环境变量

Question

目前在我的开发环境中，我的.env.development文件与我的 firebase 环境变量存储为：

VUE_APP_FB_API_KEY='abc123000123',
VUE_APP_FB_AUTH_DOMAIN='site.firebaseapp.com', 
etc...

这适用于我的开发机器，但是一旦我将它部署到 Firebase 托管，它就会中断并引发控制台错误，即未配置各种选项。我尝试添加它们

firebase 功能：配置：设置 env.VUE_APP_FB_API_KEY='abc123000123'

但这对我仍然不起作用。

这里有什么问题？此外，根据文档，不允许使用大写字符。

Answer 1

当你在本地运行时，vue-cli 会读取.env.development配置文件。但是当您为生产构建时，它将使用生产模式并读取.env文件。

您应该复制.env.development到.env然后再次构建和部署。

或者您可以创建.env.production文件，该文件仅用于生产构建。

.env # 在所有情况下都加载

.env.local # 在所有情况下加载，被 git 忽略

.env.[mode] # 仅在指定模式下加载

.env.[mode].local # 仅在指定模式下加载，被 git 忽略

您可以在vue-cli 官方文档中阅读有关环境变量和构建模式的更多信息。