fix

src/router/index.ts

@@ -7,69 +7,74 @@ import { createRouter, createWebHistory } from 'vue-router'
  * 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/login/index.vue')
-        },
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('../views/login/login.vue')
-        },
-        {
-            path: '/register',
-            name: 'register',
-            component: () => import('../views/login/register.vue')
-        },
-        {
-            path: '/nuic',
-            name: 'nuic',
-            component: () => import('../views/nuic/index.vue')
-        },
-        {
-            path: '/home',
-            name: 'home',
-            component: () => import('../views/home/index.vue'),
-            children: [
-                {
-                    path: 'test/:id',
-                    name: 'test',
-                    component: () => import('../views/home/test.vue'),
-                    meta: { topNavStyle: '2' }
-                },
-                {
-                    path: '/home/versionTree',
-                    name: 'versionTree',
-                    component: () => import('../views/home/VersionTree.vue'),
-                    meta: { topNavStyle: '2' }
-                },
-                {
-                    path: 'mainInput',
-                    name: 'mainInput',
-                    component: () => import('../views/home/mainInput.vue')
-                },
-                {
-                    path: 'agent',
-                    name: 'agent',
-                    component: () => import('../views/home/agent/index.vue')
-                }
-            ]
-        },
+	history: createWebHistory('/'),
+	//   history: createWebHistory(import.meta.env.VITE_APP_URL),
+	routes: [
+		{
+			path: '/',
+			redirect: '/index'
+		},
+		{
+			path: '/index',
+			name: 'index',
+			component: () => import('../views/login/index.vue')
+		},
+		{
+			path: '/login',
+			name: 'login',
+			component: () => import('../views/login/login.vue')
+		},
+		{
+			path: '/register',
+			name: 'register',
+			component: () => import('../views/login/register.vue')
+		},
+		{
+			path: '/nuic',
+			name: 'nuic',
+			component: () => import('../views/nuic/index.vue')
+		},
+		{
+			path: '/home',
+			name: 'home',
+			component: () => import('../views/home/index.vue'),
+			children: [
+				{
+					path: 'test/:id',
+					name: 'test',
+					component: () => import('../views/home/test.vue'),
+					meta: { topNavStyle: '2' }
+				},
+				{
+					path: '/home/versionTree',
+					name: 'versionTree',
+					component: () => import('../views/home/VersionTree.vue'),
+					meta: { topNavStyle: '2' }
+				},
+				{
+					path: 'mainInput',
+					name: 'mainInput',
+					component: () => import('../views/home/mainInput.vue')
+				},
+				{
+					path: 'agent',
+					name: 'agent',
+					component: () => import('../views/home/agent/index.vue')
+				}
+			]
+		},
+		{
+			path: '/canvastest',
+			name: 'canvastest',
+			component: () => import('../components/Canvas/CanvasTest.vue')
+		},
 
         {
-            path: '/:pathMatch(.*)',
-            name: '404',
-            component: () => import('../views/404.vue')
-        }
-    ]
+			path: '/:pathMatch(.*)',
+			name: '404',
+			component: () => import('../views/404.vue')
+		}
+	]
 })
 
 export default router