feat: add 404 page

web/src/router/index.js

@@ -23,6 +23,7 @@ const router = createRouter({
     },
     {
       path: '/sendlogs',
+      alias: '/',
       name: 'sendlogs',
       component: () => import('../views/tabsTools/sendLogs/sendLogs.vue')
     },
@@ -31,6 +32,11 @@ const router = createRouter({
       name: 'settings',
       component: () => import('../views/tabsTools/settings/settings.vue')
     },
+    {
+      path: '/:catchAll(.*)',
+      name: '404',
+      component: () => import('../views/404.vue')
+    },
   ]
 })
 

web/src/views/404.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="main-center-body">
+        <div class="container">
+            <el-empty description="页面划走了~" />
+        </div>
+    </div>
+</template>
+
+
+<style scoped>
+.container {
+    background-color: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+    max-width: 800px;
+    width: 100%;
+    margin-top: -10vh;
+}
+</style>