Vue firebase宿主环境变量

目前在我的开发环境中，我有

.env.development

文件，其中firebase环境变量存储为：

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

这对我的开发人员机器来说很好，但一旦我将其部署到firebase主机上，它就会中断并抛出控制台错误，即未配置各种选项。我试着用

firebase函数：配置：设置环境VUE\u应用程序\u FB\u API\u KEY='abc123000123'

但这对我来说仍然不起作用

---

这里怎么了？此外，根据文档，不允许使用大写字符。

在本地运行时，vue cli将读取

.env.development

配置文件。但当您为生产构建时，它将使用生产模式并读取

.env

文件

您应该将

.env.development

复制到

.env

中，然后重新构建和部署

或者您可以创建

.env.production

文件，该文件仅用于生产构建

.env#在所有情况下均已加载

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

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

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

---

在本地运行时，vue cli将读取

.env.development

配置文件，您可以在中了解有关环境变量和生成模式的更多信息。但当您为生产构建时，它将使用生产模式并读取

.env

文件

您应该将

.env.development

复制到

.env

中，然后重新构建和部署

或者您可以创建

.env.production

文件，该文件仅用于生产构建

.env#在所有情况下均已加载

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

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

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

---

您可以在

如何构建中阅读有关环境变量和构建模式的更多信息？您是否有

.env

字段（不是

.env.development

）？@ittus Im使用Vue/cli 3，因此它是通过Vue/webpack构建的。请将

.env.development

文件重命名为

.env

（假设您对开发和生产使用相同的Firebase服务）。看到@Phil了吧，真是太棒了！我唯一的问题是，如果我需要为dev和prod提供单独的服务，这是如何实现的？@Phil，是的，我做到了。我以前使用单独的文件以这种方式设置它，它在dev中运行良好，在prod中中断，因此出现了这样的问题。如何构建？您是否有

.env

字段（不是

.env.development

）？@ittus Im使用Vue/cli 3，因此它是通过Vue/webpack构建的。请将

.env.development

文件重命名为

.env

（假设您对开发和生产使用相同的Firebase服务）。看到@Phil了吧，真是太棒了！我唯一的问题是，如果我需要为dev和prod提供单独的服务，这是如何实现的？@Phil，是的，我做到了。我以前使用单独的文件以这种方式进行了设置，它在dev中运行良好，在prod中中断，因此出现了这样的问题。