feat: 初始化收支管理系统

2026-08-30 14:36:22 +08:00
commit 733ed4bb86
79 changed files with 5808 additions and 0 deletions
@@ -0,0 +1,55 @@
+// 路由配置文件：定义应用的所有路由及导航守卫
+import { createRouter, createWebHistory } from 'vue-router'
+import { useUserStore } from '../store/user'
+
+// 创建路由实例，使用 HTML5 History 模式
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/login',
+      name: 'Login',
+      component: () => import('../views/Login.vue'), // 登录页
+    },
+    {
+      path: '/register',
+      name: 'Register',
+      component: () => import('../views/Register.vue'), // 注册页
+    },
+    {
+      path: '/',
+      component: () => import('../views/Layout.vue'), // 主布局（带侧边栏）
+      redirect: '/dashboard', // 默认跳转到统计面板
+      children: [
+        {
+          path: 'dashboard',
+          name: 'Dashboard',
+          component: () => import('../views/Dashboard.vue'), // 统计面板
+        },
+        {
+          path: 'transactions',
+          name: 'Transactions',
+          component: () => import('../views/TransactionList.vue'), // 收支记录
+        },
+        {
+          path: 'categories',
+          name: 'Categories',
+          component: () => import('../views/CategoryManage.vue'), // 分类管理
+        },
+      ],
+    },
+  ],
+})
+
+// 全局前置守卫：未登录时拦截跳转至登录页
+router.beforeEach((to, _from, next) => {
+  const userStore = useUserStore()
+  // 如果目标页面不是登录/注册页，且没有 token，则重定向到登录页
+  if (to.path !== '/login' && to.path !== '/register' && !userStore.token) {
+    next('/login')
+  } else {
+    next()
+  }
+})
+
+export default router