Vue Firebase托管环境变量

Question

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

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

这对我的开发机来说效果很好，但是一旦我将其部署到Firebase托管，它就会中断并抛出控制台错误，提示未配置各种选项。我尝试用

添加它们

  

firebase函数：config：set 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 official document.

中了解有关环境变量和构建模式的更多信息。