我正在尝试使用 Framework-7 Vuejs 创建一个应用程序。 即使在使用 Firebase 退出应用程序后，我也想让我的用户保持登录状态

Question

我想在我的 Framework-7 Vue.js 应用程序中添加Firebase 的代码。 这样用户即使退出应用程序也可以保持登录状态。

    firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    store.commit(setSignedIn, true)
  } else {
    store.commit(setSignedIn, false)
  }
});

我需要在我的项目的 app.js 中添加这个：

// Import Vue
import { createApp } from 'vue';

// Import Framework7
import Framework7 from 'framework7/lite-bundle';

// Import Framework7-Vue Plugin
import Framework7Vue, { registerComponents } from 'framework7-vue/bundle';

// Import Framework7 Styles
import 'framework7/framework7-bundle.css';

// Import Icons and App Custom Styles
import '../css/icons.css';
import '../css/app.css';

// Import App Component
import App from '../components/app.vue';
import store from '../pages/store/store';

// Init Framework7-Vue Plugin
Framework7.use(Framework7Vue);

// Init App
const app = createApp(App);

app.use(store)

// Register Framework7 Vue components
registerComponents(app);

// Mount the app
app.mount('#app');

有人可以帮我做到这一点。 谢谢

Answer 1

我正在为此目的使用Vuex Persisted State package。 添加起来非常简单。 试试看。 使用Vuex Persisted State您的 Vuex 存储将存储在localStorage中，因此用户在退出应用程序后不会被注销。