在哪里以及如何正确使用 Firebase 的 enablePersistence() 方法以离线使用网络应用程序？

Question

我用 Vue.js 和 Firestore 制作了一个简单的网络应用程序。我想缓存网络应用程序并在没有互联网连接的情况下显示页面。当我在使用 PWA 模板构建的 Vue 项目的 firebase 配置文件中使用 enablePersistence() 方法时，我没有得到想要的结果。我尝试在应用程序组件的生命周期方法中使用该方法，但仍然没有得到想要的结果。

Answer 1

在您的 Firebase 配置文件中如下声明它应该可以解决问题：

import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

var config = {
    apiKey: ....,
    authDomain: ....,
    //.....
};

firebase.initializeApp(config);

const db = firebase.firestore();
const auth = firebase.auth();

db.enablePersistence();

export { db, auth };