我正在尝试使用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包来实现这些目的。添加起来很简单。试试看。使用Vuex Persisted State，您的Vuex存储将存储在localStorage中，因此用户在退出应用程序后不会注销。