diff --git a/src/router/index.ts b/src/router/index.ts
index 24a9f789..caa40497 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -44,6 +44,10 @@ const router = createRouter({
 
     ...appRoutes,
     NO_PERMISSION,
+    {
+      path: '/:pathMatch(.*)',
+      component: import('@/views/notFound/index.vue'),
+    },
   ],
   scrollBehavior() {
     return { top: 0 };
diff --git a/src/views/notFound/index.vue b/src/views/notFound/index.vue
new file mode 100644
index 00000000..edc1baab
--- /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>