faet: add 404 page

Author: dsgler

src/router/index.ts

@@ -14,7 +14,10 @@ const router = createRouter({
     },
     ...appRoutes,
     NO_PERMISSION,
-    // DETAIL,
+    {
+      path: '/:pathMatch(.*)',
+      component: import('@/views/notFound/index.vue'),
+    },
   ],
   scrollBehavior(_to, _from, savedPosition) {
     if (savedPosition) {

src/views/notFound/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <a-result
+    status="404"
+    :subtitle="$t('Page not found.')"
+    class="h-screen flex flex-col justify-center"
+  >
+    <template #extra>
+      <a-space>
+        <a-button type="primary" @click="router.replace('/')">
+          返回主页
+        </a-button>
+      </a-space>
+    </template>
+  </a-result>
+</template>
+
+<script setup lang="ts">
+import router from '@/router';
+</script>
+
+<style scoped lang="less"></style>