diff --git a/nginx/conf.d/root.conf b/nginx/conf.d/root.conf
index 08b1fa2..5aeb735 100644
--- a/nginx/conf.d/root.conf
+++ b/nginx/conf.d/root.conf
@@ -11,6 +11,8 @@ server {
   gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/javascript application/json;
   gzip_disable "MSIE [1-6]\.";
   gzip_vary on;
+
+  error_page  404 /404.html;
   
   location / {
     root /usr/local/nginx/html/;
diff --git a/src/components/button.vue b/src/components/button.vue
index 6a94ab8..62116f1 100644
--- a/src/components/button.vue
+++ b/src/components/button.vue
@@ -11,12 +11,8 @@
 </template>
 
 <script setup lang="ts">
-defineOptions({
-  name: "AButton",
-})
-
-const props = defineProps<{
-  to: string
+defineProps<{
+  to?: string
   icon?: string
 }>()
 </script>
diff --git a/src/pages/404.vue b/src/pages/404.vue
new file mode 100644
index 0000000..4e6fefe
--- /dev/null
+++ b/src/pages/404.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+</script>
+
+<template>
+  <section class="flex flex-col items-center">
+    <h1 class="m-5">404</h1>
+    <Button @click="router.back()">Back</Button>
+  </section>
+</template>