diff --git a/frontend/src/views/setting/about/index.vue b/frontend/src/views/setting/about/index.vue
index 406eeea46..fdfe64cdc 100644
--- a/frontend/src/views/setting/about/index.vue
+++ b/frontend/src/views/setting/about/index.vue
@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import LayoutContent from '@/layout/layout-content.vue';
-import { getSettingInfo } from '@/api/modules/setting';
+import { getSettingInfo, getSystemAvailable } from '@/api/modules/setting';
 import { onMounted, ref } from 'vue';
 import 'md-editor-v3/lib/style.css';
 import SystemUpgrade from '@/components/system-upgrade/index.vue';
@@ -63,6 +63,7 @@ const toGithubStar = () => {
 
 onMounted(() => {
     search();
+    getSystemAvailable();
 });
 </script>
 
diff --git a/frontend/src/views/setting/monitor/index.vue b/frontend/src/views/setting/monitor/index.vue
index d01d82236..d275fdecc 100644
--- a/frontend/src/views/setting/monitor/index.vue
+++ b/frontend/src/views/setting/monitor/index.vue
@@ -49,7 +49,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { FormInstance } from 'element-plus';
 import LayoutContent from '@/layout/layout-content.vue';
-import { cleanMonitors, getSettingInfo, updateSetting } from '@/api/modules/setting';
+import { cleanMonitors, getSettingInfo, getSystemAvailable, updateSetting } from '@/api/modules/setting';
 import { useDeleteData } from '@/hooks/use-delete-data';
 import { Rules, checkNumberRange } from '@/global/form-rules';
 import i18n from '@/lang';
@@ -110,5 +110,6 @@ const onClean = async () => {
 
 onMounted(() => {
     search();
+    getSystemAvailable();
 });
 </script>
diff --git a/frontend/src/views/setting/safe/index.vue b/frontend/src/views/setting/safe/index.vue
index 1aafb9596..1a2ab0c09 100644
--- a/frontend/src/views/setting/safe/index.vue
+++ b/frontend/src/views/setting/safe/index.vue
@@ -137,7 +137,7 @@ import { ElForm, ElMessageBox } from 'element-plus';
 import { Setting } from '@/api/interface/setting';
 import LayoutContent from '@/layout/layout-content.vue';
 import DrawerHeader from '@/components/drawer-header/index.vue';
-import { updateSetting, getMFA, bindMFA, getSettingInfo, updatePort } from '@/api/modules/setting';
+import { updateSetting, getMFA, bindMFA, getSettingInfo, updatePort, getSystemAvailable } from '@/api/modules/setting';
 import i18n from '@/lang';
 import { Rules, checkNumberRange } from '@/global/form-rules';
 import { dateFormatSimple } from '@/utils/util';
@@ -326,5 +326,6 @@ function loadTimeOut() {
 
 onMounted(() => {
     search();
+    getSystemAvailable();
 });
 </script>