处理冲突

src/router/index.ts

@@ -1,4 +1,6 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+import Home from '../views/Home.vue'
+import Login from "../views/login/Login.vue"
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -29,12 +31,14 @@ const routes: Array<RouteRecordRaw> = [
     component: () => import(/* webpackChunkName: "about" */ '../components/NavTop.vue')
   },
   {
-    path: '/about',
-    name: 'About',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+    path: '/login',
+    name: 'Login',
+    component:Login
+  },
+  {
+    path: '/sign',
+    name: 'Sign',
+    component: () => import('../views/login/Sign.vue')
   },
 ]