firebase - Vue firebase 托管环境变量

标签 firebase vue.js vuejs2 environment-variables firebase-hosting

目前在我的开发环境中,我有我的 .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/

相关文章:

ios - 第二次登录后无法重新验证 Google 登录。 ( swift 3)(火力基地)

vue.js - 从外部 javascript 访问 Vue 组件范围

android - 检查 Firebase 邀请是否引导至 Play 商店

javascript - angularFire 3 路数据绑定(bind)不会更新函数

javascript - 如何在不使用 Angular 的情况下启动新的 Ionic 4 应用程序?使用 Vue.js 或 Vanilla JS

javascript - 如何延迟加载 Vue 组件?

javascript - 将数据从 Vue 实例传递到 Vue 组件

vue.js - 在vue模板中获取未定义的 "Cannot read property ' key'

javascript - 语法错误 : let is disallowed as a lexically bound name

javascript - Uncaught ReferenceError : Firebase is not defined when using with phonegap