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

Posted 2023-02-22

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

【英文标题】：I'm trying to create an app using Framework-7 Vuejs. I want to make my user stay logged in even after exiting the app using Firebase

【发布时间】：2021-08-02 11:23:27

【问题描述】：

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

    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');

有人可以帮我做这件事吗？谢谢

【参考方案1】：

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

【讨论】：

如果我刷新不需要登录的页面就可以了！谢谢我只需要在我的 store.js 中添加这个 import createPersistedState from "vuex-persistedstate";插件：[createPersistedState()]，