feat: 提交请求封装

src/router/index.ts

@@ -0,0 +1,24 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+import { jwtGuard } from './permissions';
+
+const routes = [
+  { path: '/', component: () => import('@/components/HelloWorld.vue') },
+  {
+    path: '/login',
+    name: 'login',
+    component: () => import('@/pages/login/index.vue'),
+  },
+];
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes,
+});
+
+console.group('Routes');
+console.log('routes', router.getRoutes());
+console.groupEnd();
+
+router.beforeEach(jwtGuard());
+
+export default router;

src/router/permissions.ts

@@ -0,0 +1,7 @@
+import type { NavigationGuard } from 'vue-router';
+
+export function jwtGuard(): NavigationGuard {
+  return () => {
+    console.log('进入路由守卫');
+  };
+}

src/router/types.ts

@@ -0,0 +1,13 @@
+import type {
+  _Awaitable,
+  NavigationGuardNext,
+  NavigationGuardReturn,
+  RouteLocationNormalized,
+  RouteLocationNormalizedLoaded,
+} from 'vue-router';
+
+export type NavigationGuard = (
+  to: RouteLocationNormalized,
+  from: RouteLocationNormalizedLoaded,
+  next: NavigationGuardNext,
+) => _Awaitable<NavigationGuardReturn>;