diff --git a/ui/src/views/login/forgot-password/index.vue b/ui/src/views/login/forgot-password/index.vue
index 4da698860..892420655 100644
--- a/ui/src/views/login/forgot-password/index.vue
+++ b/ui/src/views/login/forgot-password/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <login-layout>
+  <login-layout v-if="!loading" v-loading="loading">
     <LoginContainer
       :subTitle="
         user.themeInfo?.slogan ? user.themeInfo?.slogan : $t('views.system.theme.defaultSlogan')
@@ -69,7 +69,7 @@
   </login-layout>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onBeforeMount, ref } from 'vue'
 import type { CheckCodeRequest } from '@/api/type/user'
 import { useRouter } from 'vue-router'
 import type { FormInstance, FormRules } from 'element-plus'
@@ -80,6 +80,7 @@ import useStore from '@/stores'
 
 const router = useRouter()
 const { user } = useStore()
+
 const CheckEmailForm = ref<CheckCodeRequest>({
   email: '',
   code: '',
@@ -143,5 +144,11 @@ const handleTimeChange = () => {
     }, 1000)
   }
 }
+onBeforeMount(() => {
+  loading.value = true
+  user.asyncGetProfile().then(() => {
+    loading.value = false
+  })
+})
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/login/reset-password/index.vue b/ui/src/views/login/reset-password/index.vue
index 2c2ff0257..576e6f340 100644
--- a/ui/src/views/login/reset-password/index.vue
+++ b/ui/src/views/login/reset-password/index.vue
@@ -1,6 +1,10 @@
 <template>
-  <login-layout>
-    <LoginContainer :subTitle="$t('views.system.theme.defaultSlogan')">
+  <login-layout v-if="!loading" v-loading="loading">
+    <LoginContainer
+      :subTitle="
+        user.themeInfo?.slogan ? user.themeInfo?.slogan : $t('views.system.theme.defaultSlogan')
+      "
+    >
       <h2 class="mb-24">{{ $t('views.login.resetPassword') }}</h2>
       <el-form
         class="reset-password-form"
@@ -35,9 +39,9 @@
           </el-form-item>
         </div>
       </el-form>
-      <el-button size="large" type="primary" class="w-full" @click="resetPassword">{{
-        $t('common.confirm')
-      }}</el-button>
+      <el-button size="large" type="primary" class="w-full" @click="resetPassword"
+        >{{ $t('common.confirm') }}
+      </el-button>
       <div class="operate-container mt-12">
         <el-button
           size="large"
@@ -54,13 +58,15 @@
   </login-layout>
 </template>
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onBeforeMount } from 'vue'
 import type { ResetPasswordRequest } from '@/api/type/user'
 import { useRouter, useRoute } from 'vue-router'
 import { MsgSuccess } from '@/utils/message'
 import type { FormInstance, FormRules } from 'element-plus'
 import UserApi from '@/api/user'
 import { t } from '@/locales'
+import useStore from '@/stores'
+const { user } = useStore()
 const router = useRouter()
 const route = useRoute()
 const {
@@ -81,7 +87,12 @@ onMounted(() => {
     router.push('forgot_password')
   }
 })
-
+onBeforeMount(() => {
+  loading.value = true
+  user.asyncGetProfile().then(() => {
+    loading.value = false
+  })
+})
 const rules = ref<FormRules<ResetPasswordRequest>>({
   password: [
     {