Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue firebase宿主环境变量_Firebase_Vue.js_Vuejs2_Environment Variables_Firebase Hosting - Fatal编程技术网

Vue firebase宿主环境变量

Vue firebase宿主环境变量,firebase,vue.js,vuejs2,environment-variables,firebase-hosting,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函数:配置:设置环境VUE\u应用程序\u FB\u API\u KEY

目前在我的开发环境中,我有
.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中中断,因此出现了这样的问题。