diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index a517baa..eb5dcdb 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -12,11 +12,16 @@
 </template>
 
 <script setup lang="ts">
+import { loadingPage } from "@/utils/loading-page";
 import { useRouter } from "vue-router";
 const router = useRouter();
 const onBack = () => {
   router.go(-1);
 };
+
+onMounted(() => {
+  loadingPage.done(200);
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 1d0d01d..3f79cfe 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -12,11 +12,15 @@
 </template>
 
 <script setup lang="ts">
+import { loadingPage } from "@/utils/loading-page";
 import { useRouter } from "vue-router";
 const router = useRouter();
 const onBack = () => {
   router.go(-1);
 };
+onMounted(() => {
+  loadingPage.done(200);
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/error/500.vue b/src/views/error/500.vue
index 2bd0dc9..7ff9b90 100644
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -12,6 +12,7 @@
 </template>
 
 <script setup lang="ts">
+import { loadingPage } from "@/utils/loading-page";
 import { Message } from "@arco-design/web-vue";
 import { useRouter } from "vue-router";
 const router = useRouter();
@@ -23,6 +24,10 @@ const onBack = () => {
     router.go(-1);
   }
 };
+
+onMounted(() => {
+  loadingPage.done(200);
+});
 </script>
 
 <style lang="scss" scoped>