From 2d82f598484de8eb0cc466db75faad0ea612ce47 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Wed, 3 Jan 2024 20:18:25 +0800
Subject: [PATCH] feat: add 404 page

---
 web/src/router/index.js |  6 ++++++
 web/src/views/404.vue   | 20 ++++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 web/src/views/404.vue

diff --git a/web/src/router/index.js b/web/src/router/index.js
index ab365fe..3ccebca 100644
--- a/web/src/router/index.js
+++ b/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')
+    },
   ]
 })
 
diff --git a/web/src/views/404.vue b/web/src/views/404.vue
new file mode 100644
index 0000000..e11077d
--- /dev/null
+++ b/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>
\ No newline at end of file