diff --git a/src/common/assets/images/error-page/403.svg b/src/common/assets/images/error/403.svg
similarity index 100%
rename from src/common/assets/images/error-page/403.svg
rename to src/common/assets/images/error/403.svg
diff --git a/src/common/assets/images/error-page/404.svg b/src/common/assets/images/error/404.svg
similarity index 100%
rename from src/common/assets/images/error-page/404.svg
rename to src/common/assets/images/error/404.svg
diff --git a/src/pages/error-page/403.vue b/src/pages/error-page/403.vue
deleted file mode 100644
index 5457334..0000000
--- a/src/pages/error-page/403.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-import Svg403 from "@@/assets/images/error-page/403.svg?component" // vite-svg-loader 插件的功能
-import ErrorPageLayout from "./components/ErrorPageLayout.vue"
-</script>
-
-<template>
-  <ErrorPageLayout>
-    <Svg403 />
-  </ErrorPageLayout>
-</template>
diff --git a/src/pages/error-page/404.vue b/src/pages/error-page/404.vue
deleted file mode 100644
index 88d3a58..0000000
--- a/src/pages/error-page/404.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-import Svg404 from "@@/assets/images/error-page/404.svg?component" // vite-svg-loader 插件的功能
-import ErrorPageLayout from "./components/ErrorPageLayout.vue"
-</script>
-
-<template>
-  <ErrorPageLayout>
-    <Svg404 />
-  </ErrorPageLayout>
-</template>
diff --git a/src/pages/error/403.vue b/src/pages/error/403.vue
new file mode 100644
index 0000000..59b7bd5
--- /dev/null
+++ b/src/pages/error/403.vue
@@ -0,0 +1,10 @@
+<script lang="ts" setup>
+import Svg403 from "@@/assets/images/error/403.svg?component" // vite-svg-loader 插件的功能
+import Layout from "./components/Layout.vue"
+</script>
+
+<template>
+  <Layout>
+    <Svg403 />
+  </Layout>
+</template>
diff --git a/src/pages/error/404.vue b/src/pages/error/404.vue
new file mode 100644
index 0000000..bad3fa5
--- /dev/null
+++ b/src/pages/error/404.vue
@@ -0,0 +1,10 @@
+<script lang="ts" setup>
+import Svg404 from "@@/assets/images/error/404.svg?component" // vite-svg-loader 插件的功能
+import Layout from "./components/Layout.vue"
+</script>
+
+<template>
+  <Layout>
+    <Svg404 />
+  </Layout>
+</template>
diff --git a/src/pages/error-page/components/ErrorPageLayout.vue b/src/pages/error/components/Layout.vue
similarity index 83%
rename from src/pages/error-page/components/ErrorPageLayout.vue
rename to src/pages/error/components/Layout.vue
index 30e0d35..7039d31 100644
--- a/src/pages/error-page/components/ErrorPageLayout.vue
+++ b/src/pages/error/components/Layout.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="error-page">
-    <div class="error-page-svg">
+  <div class="error">
+    <div class="error-svg">
       <slot />
     </div>
     <router-link to="/">
@@ -12,7 +12,7 @@
 </template>
 
 <style lang="scss" scoped>
-.error-page {
+.error {
   height: 100%;
   display: flex;
   flex-direction: column;
diff --git a/src/router/index.ts b/src/router/index.ts
index 545c7e7..a7324fe 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -26,14 +26,14 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/403",
-    component: () => import("@/pages/error-page/403.vue"),
+    component: () => import("@/pages/error/403.vue"),
     meta: {
       hidden: true
     }
   },
   {
     path: "/404",
-    component: () => import("@/pages/error-page/404.vue"),
+    component: () => import("@/pages/error/404.vue"),
     meta: {
       hidden: true
     },