From e7a4a7aff9d3ff0b51e583c23bb9928c950d460d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <h_mini2024@oo1.dev>
Date: Sun, 2 Nov 2025 17:19:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96404=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/[...path].page.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/pages/[...path].page.vue b/src/pages/[...path].page.vue
index 9eb8437..367f903 100644
--- a/src/pages/[...path].page.vue
+++ b/src/pages/[...path].page.vue
@@ -1,11 +1,29 @@
 <script lang="ts" setup>
 defineProps<{ path: string }>();
+
+declare global {
+  interface Window {
+    stack?: ReturnType<typeof createStackGuard>;
+  }
+}
+
+const stack = window?.stack;
+const canGoBack = stack && stack.length > 1;
+const router = useRouter();
+function handleBack() {
+  if (canGoBack) {
+    router.back();
+  } else {
+    router.push('/');
+  }
+}
 </script>
+
 <template>
   <main flex-1 class="flex flex-col items-center justify-center h-full space-y-4">
     <h1>Not Found</h1>
     <p>{{ path }} does not exist.</p>
-    <Button @click="$router.back()">Back</Button>
+    <Button @click="handleBack">{{ canGoBack ? 'Back' : 'Home' }}</Button>
   </main>
 </template>