firebase - Vue firebase 托管环境变量

Question

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

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

这对我的开发机器来说工作正常，但是一旦我将它部署到 firebase 托管它就会中断并抛出控制台错误，表明未配置各种选项。我尝试用

添加它们

firebase functions:config:set env.VUE_APP_FB_API_KEY='abc123000123'

但这对我仍然不起作用。

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

Answer 1

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

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

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

.env # loaded in all cases

.env.local # loaded in all cases, ignored by git

.env.[mode] # only loaded in specified mode

.env.[mode].local # only loaded in specified mode, ignored by git

您可以在 vue-cli official document. 中阅读有关环境变量和构建模式的更多信息