chore: 支付、订单页面必须登录

src/modules/pay/index.ts

@@ -6,8 +6,18 @@ export const routes: Array<RouteRecordRaw> = [
     path: '/shop/pay',
     component: AppLayout,
     children: [
-      { path: '/shop/pay/:id', component: () => import('./views/Index.vue'), props: true },
-      { path: '/shop/order/:id', component: () => import('./views/Order.vue'), props: true }
+      {
+        path: '/shop/pay/:id',
+        component: () => import('./views/Index.vue'),
+        props: true,
+        meta: { loginRequired: true }
+      },
+      {
+        path: '/shop/order/:id',
+        component: () => import('./views/Order.vue'),
+        props: true,
+        meta: { loginRequired: true }
+      }
     ]
   }
 ]

src/router/index.ts

 import { createRouter, createWebHistory } from 'vue-router'
-// import { useUserStore } from '@/stores/user'
+import { useUserStore } from '@/stores/user'
 
 const router = createRouter({
   scrollBehavior(to) {
@@ -13,10 +13,20 @@ const router = createRouter({
   routes: [{ path: '/:pathMatch(.*)*', redirect: '/home' }]
 })
 
-// router.beforeEach((to, from, next) => {
-//   const user = useUserStore()
-//   user.getUser()
-//   next()
-// })
+router.beforeEach(async (to, from, next) => {
+  const user = useUserStore()
+  if (to.meta.loginRequired && !user.isLogin) {
+    try {
+      await user.getUser()
+    } catch (e) {
+      console.error(e)
+    }
+    if (!user.isLogin) {
+      location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+      return
+    }
+  }
+  next()
+})
 
 export default router