Step F1：前端工程骨架 & 登录鉴权

frontend/src/router/index.ts

@@ -0,0 +1,48 @@
+import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
+import { useAuthStore } from "../store/auth";
+import Layout from "../components/Layout.vue";
+import Home from "../views/Home.vue";
+import Login from "../views/Login.vue";
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: "/login",
+    name: "Login",
+    component: Login,
+    meta: { public: true, title: "登录" },
+  },
+  {
+    path: "/",
+    component: Layout,
+    redirect: "/home",
+    children: [
+      {
+        path: "home",
+        name: "Home",
+        component: Home,
+        meta: { title: "首页" },
+      },
+    ],
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+router.beforeEach((to, _from, next) => {
+  const auth = useAuthStore();
+  const token = auth.token;
+  if (!to.meta.public && !token) {
+    next({ path: "/login" });
+    return;
+  }
+  if (to.path === "/login" && token) {
+    next({ path: "/" });
+    return;
+  }
+  next();
+});
+
+export default router;