目前在我的开发环境中,我有我的 .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'
但这对我仍然不起作用。
这里有什么问题?此外,根据文档,不允许使用大写字符。
最佳答案
当你在本地运行时,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. 中阅读有关环境变量和构建模式的更多信息
关于firebase - Vue firebase 托管环境变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57282017/