初次提交

src/router/index.js

@@ -0,0 +1,181 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import { useUserStore } from '@/stores/user'
+import NProgress from 'nprogress'
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    redirect: '/transfers',
+    meta: {
+      title: '首页'
+    }
+  },
+  {
+    path: '/home',
+    name: 'HomePage',
+    component: () => import('@/views/Home.vue'),
+    meta: {
+      title: '首页'
+    }
+  },
+  {
+    path: '/shop',
+    name: 'Shop',
+    component: () => import('@/views/Shop.vue'),
+    meta: {
+      title: '积分商城'
+    }
+  },
+  {
+    path: '/product/:id',
+    name: 'ProductDetail',
+    component: () => import('@/views/ProductDetail.vue'),
+    meta: {
+      title: '商品详情'
+    }
+  },
+  {
+    path: '/login',
+    name: 'Login',
+    component: () => import('@/views/Login.vue'),
+    meta: {
+      title: '登录',
+      hideForAuth: true
+    }
+  },
+  {
+    path: '/register',
+    name: 'Register',
+    component: () => import('@/views/Register.vue'),
+    meta: {
+      title: '注册',
+      hideForAuth: true
+    }
+  },
+  {
+    path: '/profile',
+    name: 'Profile',
+    component: () => import('@/views/Profile.vue'),
+    meta: {
+      title: '个人中心',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/orders',
+    name: 'Orders',
+    component: () => import('@/views/Orders.vue'),
+    meta: {
+      title: '我的订单',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/points-history',
+    name: 'PointsHistory',
+    component: () => import('@/views/PointsHistory.vue'),
+    meta: {
+      title: '积分记录',
+      requiresAuth: true
+    }
+  },
+
+  {
+    path: '/task-center',
+    name: 'TaskCenter',
+    component: () => import('@/views/TaskCenter.vue'),
+    meta: {
+      title: '任务中心',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/transfers',
+    name: 'Transfers',
+    component: () => import('@/views/Transfers.vue'),
+    meta: {
+      title: '转账',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/matching',
+    name: 'Matching',
+    component: () => import('@/views/Matching.vue'),
+    meta: {
+      title: '资金匹配',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/about',
+    name: 'About',
+    component: () => import('@/views/About.vue'),
+    meta: {
+      title: '关于我们'
+    }
+  },
+  {
+    path: '/:pathMatch(.*)*',
+    name: 'NotFound',
+    component: () => import('@/views/NotFound.vue'),
+    meta: {
+      title: '页面不存在'
+    }
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory('/frontend/'),
+  routes,
+  scrollBehavior(to, from, savedPosition) {
+    if (savedPosition) {
+      return savedPosition
+    } else {
+      return { top: 0 }
+    }
+  }
+})
+
+// 路由守卫
+router.beforeEach(async (to, from, next) => {
+  NProgress.start()
+  
+  const userStore = useUserStore()
+  
+  // 设置页面标题
+  if (to.meta.title) {
+    document.title = `${to.meta.title} - 融互通`
+  }
+  
+  // 检查是否需要认证
+  if (to.meta.requiresAuth) {
+    if (!userStore.isAuthenticated) {
+      // 尝试从本地存储恢复登录状态
+      await userStore.checkAuth()
+      
+      if (!userStore.isAuthenticated) {
+        next({
+          name: 'Login',
+          query: { redirect: to.fullPath }
+        })
+        return
+      }
+    }
+  }
+  
+  // 如果已登录用户访问登录/注册页面，重定向到转账管理
+  if (to.meta.hideForAuth && userStore.isAuthenticated) {
+    next({ name: 'Transfers' })
+    return
+  }
+  
+  next()
+})
+
+router.afterEach(() => {
+  NProgress.done()
+})
+
+export default router