如何在Nuxt中设置Persistence Firebase Modular SDK V9？

Question

我正在使用 Firebase 在 Nuxt 中对我的用户进行身份验证，我想确保一旦用户登录 Firebase 并通过身份验证，即使我启动了新选项卡，他们仍然会登录。

Answer 1

这是在 Nuxt 中执行此操作的非常具体的方法：

无论您在何处初始化 Firebase 代码，请将“browserLocalPersistence、getAuth、setPersistence”添加到从“firebase/auth”的导入中，如下所示：

import { initializeApp } from "firebase/app";
import {
  browserLocalPersistence,
  getAuth, 
  setPersistence
} from "firebase/auth";

const firebaseConfig = {
    apiKey: "Your-ApiKey",
    authDomain: "Your-authDomain",
    projectId: "Your-projectId",
    storageBucket: "Your-storageBucket",
    messagingSenderId: "Your-messagingSenderId",
    appId: "Your-appId",
    measurementId: "Your-measurementId"
}

const firebaseApp = initializeApp(firebaseConfig);

export const auth = getAuth(app);

setPersistence(auth, browserLocalPersistence)

我找到了这个源代码，它帮助我获得了语法：Where to place code to set Firebase auth state persistence in Vue.js?

Firebase v8 和 Firebase v9 之间的语法存在差异。您还可以在 Stack 上阅读这篇文章，它们向您展示了 Firebase v8 与 v9 之间的语法差异：How to use setPersistence in Firebase Modular SDK V9?