获取登录信息

src/router/Page.js

@@ -0,0 +1,4 @@
+export const Page = {
+    Login: 1,
+    Every: 2
+};

src/router/index.js

@@ -1,5 +1,7 @@
 import { createRouter, createWebHistory } from '@ionic/vue-router'
 import TabsPage from '../views/TabsPage.vue'
+import { Page } from './Page'
+import { useUserStore } from '../stores/user'
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
@@ -18,20 +20,45 @@ const router = createRouter({
                 },
                 {
                     path: 'home',
-                    component: () => import('@/views/Home.vue')
+                    component: () => import('@/views/Home.vue'),
+                    meta: {
+                        pageType: Page.Every
+                    }
                 },
                 {
                     path: 'mine',
-                    component: () => import('@/views/Mine.vue')
+                    component: () => import('@/views/Mine.vue'),
+                    meta: {
+                        pageType: Page.Every
+                    }
                 }
             ]
         },
         {
             path: '/login',
             name: 'login',
-            component: () => import('@/views/LoginPage.vue')
+            component: () => import('@/views/LoginPage.vue'),
+            meta: {
+                pageType: Page.Login
+            }
         }
     ]
 })
 
+router.beforeEach((to, from, next) => {
+    const uerStore = useUserStore()
+    if (!uerStore.user && to.meta.pageType !== Page.Login) {
+        uerStore
+            .get()
+            .then(() => {
+                next()
+            })
+            .catch(() => {
+                next()
+            })
+    } else {
+        next()
+    }
+})
+
 export default router

src/views/Mine.vue

@@ -1,24 +1,10 @@
 <template>
     <ion-page>
-        <ion-content :fullscreen="true">
-            <ion-header collapse="condense">
-                <ion-toolbar>
-                    <ion-title size="large">Tab 2</ion-title>
-                </ion-toolbar>
-            </ion-header>
-
-            <ExploreContainer name="Tab 2 page" />
-        </ion-content>
+        <ion-content class="mine" :fullscreen="true"> </ion-content>
     </ion-page>
 </template>
 
-<script>
-import { defineComponent } from 'vue'
-import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue'
-import ExploreContainer from '@/components/ExploreContainer.vue'
-
-export default defineComponent({
-    name: 'Tab2Page',
-    components: { ExploreContainer, IonHeader, IonToolbar, IonTitle, IonContent, IonPage }
-})
+<script setup>
 </script>
+
+