在Vue上动态导入Firebase配置文件

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;

---

我可以获取外部配置文件，但它没有导出………../p>导出承诺返回函数

// 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
}

---

谢谢，但没用。我刚刚意识到initializeApp不会返回firebase实例。编辑。（同样，在这种情况下，当“它不工作”时，从console.log添加线索）