如何将firestore的配置放到所有应用程序中？

Question

我有这个配置来firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它适用于所有应用程序，此时我将这个配置放入每个组件中，这很糟糕，我该如何放入所有应用程序？

编辑1：

当我把它放在另一个组件中时

组件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此错误：

未捕获的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)。

Answer 1

我有这个配置来firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它适用于所有应用程序，此时我将这个配置放入每个组件中，这很糟糕，我该如何放入所有应用程序？

编辑1：

当我把它放在另一个组件中时

组件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此错误：

未捕获的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)。

Answer 2

我有这个配置来firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它适用于所有应用程序，此时我将这个配置放入每个组件中，这很糟糕，我该如何放入所有应用程序？

编辑1：

当我把它放在另一个组件中时

组件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此错误：

未捕获的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)。