Question

快速提问。

我有一个vue js应用程序。

它托管在Firebase上。

使用

firebase use default
firebase deploy
or
firebase use prod
firebase deploy

我已经设置了prod别名以指向我的prod环境。

给出：

firebaseConfig.js

import firebase from 'firebase'
import 'firebase/firestore'

// firebase init goes here
const config = {
    apiKey: "<apikey ...>",
    authDomain: "< ... >",
    databaseURL: "< ... >",
    projectId: "< ... >",
    storageBucket: "< ... >",
    messagingSenderId: "< ... >",
    appId: "< ... >"
}
firebase.initializeApp(config)

// firebase utils
const db = firebase.firestore()
const auth = firebase.auth()
const database = firebase.database()
const currentUser = auth.currentUser

const settings = {
}
db.settings(settings) ....
.....

当使用“ firebase use prod && firebase deploy”命令时，如何在项目中设置firebaseConfig.js文件以使用特定于产品的设置？

示例：

firebaseConfig.js

// firebase init goes here
const defaultConfig = {
    apiKey: "<dev-apikey >",
    authDomain: "<devAuth >",
    databaseURL: "<devUrl>",
    projectId: "<devId >",
    storageBucket: "< dev-storageBucket >",
    messagingSenderId: "< devSenderId >",
    appId: "< dev-appId >"
}

const prodConfig = {
    apiKey: "<prod-apiKey>",
    authDomain: "< prodAuth >",
    databaseURL: "< prodUrl >",
    projectId: "< prodId >",
    storageBucket: "< prod-storageBucket >",
    messagingSenderId: "< prodSenderId >",
    appId: "< prod-appId >"
}
firebase.initializeApp(defaultConfig, prodConfig) ???
........
........
........

如果需要进一步说明，请告诉我。

与此同时，我将继续寻找答案：D

Answer 1

想通了！！！

另一篇文章对此进行了介绍。可以肯定的是，如果您使用的是vue cli 3，否则，可以使用vue 2的选项。

链接到对我有帮助的答案： stackoverflow

然后是一个很棒的博客，它帮助我解决了所有遇到的问题以及如何构建.env文件： aligator.io

有关设置开发模式/环境变量的官方vue文档： Vue Docs

希望这对某人有帮助！!!!

开发人员和产品的Firebase配置文件

1 个答案: