Vue 中的 Firebase 配置文件动态导入

Question

firebaseInit.js

import firebase from 'firebase/app';

const FirebaseConfig = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: '',
};

firebase.initializeApp(FirebaseConfig);

export default firebase;

我尝试了什么；

var data = async function getConfig() {
  var x= await fetch('/someurl')
    .then(function(res) {
      return res.json();
    })
    .catch(function(err) {
      return console.log(err);
    });
  return x;
};

firebase.initializeApp(getConfig());

export default firebase;

我可以获取外部配置文件，但它没有导出......................................

Answer 1

导出一个返回承诺的函数...

// firebaseInit.js
import firebase from "firebase/app";

export default function() {
  return fetch('/someurl').then(res => {
    firebase.initializeApp(res.json());
    return firebase
  }).catch(err => {
    console.log(err);
    throw err;
  });
};

在导入模块中等待...

import firebasePromise from 'firebaseInit.js'
let firebase;

async someFunction() {
  firebase = firebase || await firebasePromise();
  // use firebase
}