diff --git a/src/router/index.ts b/src/router/index.ts
index 50dd039..ff3c195 100644
--- a/src/router/index.ts
+++ b/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) {
diff --git a/src/views/notFound/index.vue b/src/views/notFound/index.vue
new file mode 100644
index 0000000..edc1baa
--- /dev/null
+++ b/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>