diff --git a/src/App.vue b/src/App.vue
index dbf0e88a9..9d2c14807 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,12 +7,13 @@
 </template>
 
 <script lang="ts">
+import { useRouter } from "vue-router";
 import { useGlobal } from "@pureadmin/utils";
 import { checkVersion } from "version-rocket";
 import { defineComponent, computed } from "vue";
 import { ElConfigProvider } from "element-plus";
-import { ReDialog } from "@/components/ReDialog";
-import { ReDrawer } from "@/components/ReDrawer";
+import { ReDialog, closeAllDialog } from "@/components/ReDialog";
+import { ReDrawer, closeAllDrawer } from "@/components/ReDrawer";
 import en from "element-plus/es/locale/lang/en";
 import zhCn from "element-plus/es/locale/lang/zh-cn";
 import plusEn from "plus-pro-components/es/locale/lang/en";
@@ -26,12 +27,19 @@ export default defineComponent({
     ReDrawer
   },
   setup() {
+    const router = useRouter();
     const { $storage } = useGlobal<GlobalPropertiesApi>();
     const currentLocale = computed(() => {
       return $storage.locale?.locale === "zh"
         ? { ...zhCn, ...plusZhCn }
         : { ...en, ...plusEn };
     });
+
+    router.beforeEach(() => {
+      closeAllDialog();
+      closeAllDrawer();
+    });
+
     return {
       currentLocale
     };