init

src/router/index.ts

@@ -0,0 +1,31 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+/**
+ * 路由缓存机制:
+ * 1. 设置路由的meta属性为{ cache: true }，表示需要缓存
+ * 2. App.vue中使用RouteCache组件，通过路由的name来进行匹配
+ * 3. 路由的name默认是文件名,如果文件名与name不一致,通过defineOptions({ name: 'componentName' })来设置
+ */
+const router = createRouter({
+  history: createWebHistory('/'),
+  //   history: createWebHistory(import.meta.env.VITE_APP_URL),
+  routes: [
+    {
+      path: '/',
+      redirect: '/index'
+    },
+    {
+      path: '/index',
+      name: 'index',
+      component: () => import('../views/home/index.vue')
+    },
+
+    {
+      path: '/:pathMatch(.*)',
+      name: '404',
+      component: () => import('../views/404.vue')
+    }
+  ]
+})
+
+export default router