diff --git a/src/frontend/components/ClusterRole/ClusterRoleListView.vue b/src/frontend/components/ClusterRole/ClusterRoleListView.vue
index 53f022e..c91f9bb 100644
--- a/src/frontend/components/ClusterRole/ClusterRoleListView.vue
+++ b/src/frontend/components/ClusterRole/ClusterRoleListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRole))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRole))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue b/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
index 0cf620c..7756d30 100644
--- a/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
+++ b/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -94,9 +94,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRoleBinding))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRoleBinding))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/EndpointSlice/EndpointSliceListView.vue b/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
index cb859ce..4c89d12 100644
--- a/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
+++ b/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.EndpointSlice, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.EndpointSlice, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue b/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
index e4f33f7..ad280a8 100644
--- a/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
+++ b/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -145,9 +145,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.HorizontalPodAutoscaler, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.HorizontalPodAutoscaler, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/IngressClass/IngressClassListView.vue b/src/frontend/components/IngressClass/IngressClassListView.vue
index 293204e..e30457c 100644
--- a/src/frontend/components/IngressClass/IngressClassListView.vue
+++ b/src/frontend/components/IngressClass/IngressClassListView.vue
@@ -7,7 +7,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -128,9 +128,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.IngressClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.IngressClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue b/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
index ffa2fac..5a05065 100644
--- a/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
+++ b/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.MutatingWebhookConfiguration))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.MutatingWebhookConfiguration))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/NetworkPolicy/NetpolListView.vue b/src/frontend/components/NetworkPolicy/NetpolListView.vue
index bbd9041..37cc271 100644
--- a/src/frontend/components/NetworkPolicy/NetpolListView.vue
+++ b/src/frontend/components/NetworkPolicy/NetpolListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -133,9 +133,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.NetworkPolicy, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.NetworkPolicy, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue b/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
index 1069b9e..3cf9d1c 100644
--- a/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
+++ b/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
@@ -6,7 +6,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -110,9 +110,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolume))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolume))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PersistentVolumeClaim/PvcListView.vue b/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
index a90e627..13e4795 100644
--- a/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
+++ b/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -141,9 +141,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolumeClaim, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolumeClaim, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PodDisruptionBudget/PdbListView.vue b/src/frontend/components/PodDisruptionBudget/PdbListView.vue
index 1b9b023..9876936 100644
--- a/src/frontend/components/PodDisruptionBudget/PdbListView.vue
+++ b/src/frontend/components/PodDisruptionBudget/PdbListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PodDisruptionBudget, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PodDisruptionBudget, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/Role/RoleListView.vue b/src/frontend/components/Role/RoleListView.vue
index 765cc2b..4800b00 100644
--- a/src/frontend/components/Role/RoleListView.vue
+++ b/src/frontend/components/Role/RoleListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Role, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Role, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/RoleBinding/RoleBindingListView.vue b/src/frontend/components/RoleBinding/RoleBindingListView.vue
index 772fa68..add39f4 100644
--- a/src/frontend/components/RoleBinding/RoleBindingListView.vue
+++ b/src/frontend/components/RoleBinding/RoleBindingListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.RoleBinding, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.RoleBinding, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ServiceAccount/SaListView.vue b/src/frontend/components/ServiceAccount/SaListView.vue
index 1dc85c6..2855b53 100644
--- a/src/frontend/components/ServiceAccount/SaListView.vue
+++ b/src/frontend/components/ServiceAccount/SaListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ServiceAccount, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ServiceAccount, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/StorageClass/StorageClassListView.vue b/src/frontend/components/StorageClass/StorageClassListView.vue
index bb13943..58c588b 100644
--- a/src/frontend/components/StorageClass/StorageClassListView.vue
+++ b/src/frontend/components/StorageClass/StorageClassListView.vue
@@ -7,7 +7,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -114,9 +114,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StorageClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StorageClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue b/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
index 3ce854b..a12025a 100644
--- a/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
+++ b/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ValidatingWebhookConfiguration))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ValidatingWebhookConfiguration))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/configmap/CmListView.vue b/src/frontend/components/configmap/CmListView.vue
index 0daca36..b0b77b0 100644
--- a/src/frontend/components/configmap/CmListView.vue
+++ b/src/frontend/components/configmap/CmListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ConfigMap, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ConfigMap, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/container/ContainerReadyCount.vue b/src/frontend/components/container/ContainerReadyCount.vue
index c18091f..d0cd8e8 100644
--- a/src/frontend/components/container/ContainerReadyCount.vue
+++ b/src/frontend/components/container/ContainerReadyCount.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import { V1Pod } from '@backend/k8s/model/V1Pod'
 
@@ -7,13 +7,21 @@ const props = defineProps({
   pod: V1Pod,
 })
 const readyText = ref('')
-TimerUtils.everySecond(() => {
-  if (props.pod.status.containerStatuses) {
-    const ready = props.pod.status.containerStatuses
-      .filter(r => r.ready).length
-    const all = props.pod.status.containerStatuses.length
-    readyText.value = `${ready}/${all}`
-  }
+
+let intervalId: number
+onBeforeUnmount(() => {
+  clearInterval(intervalId)
+})
+
+onMounted(() => {
+  intervalId = TimerUtils.everySecond(() => {
+    if (props.pod.status.containerStatuses) {
+      const ready = props.pod.status.containerStatuses
+        .filter(r => r.ready).length
+      const all = props.pod.status.containerStatuses.length
+      readyText.value = `${ready}/${all}`
+    }
+  })
 })
 </script>
 
diff --git a/src/frontend/components/cronjob/CronJobListView.vue b/src/frontend/components/cronjob/CronJobListView.vue
index 550081b..d277140 100644
--- a/src/frontend/components/cronjob/CronJobListView.vue
+++ b/src/frontend/components/cronjob/CronJobListView.vue
@@ -9,7 +9,7 @@ import _ from 'lodash'
 import moment from 'moment'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -139,9 +139,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.CronJob, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.CronJob, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/daemonset/DsListView.vue b/src/frontend/components/daemonset/DsListView.vue
index b48704c..dbb9d81 100644
--- a/src/frontend/components/daemonset/DsListView.vue
+++ b/src/frontend/components/daemonset/DsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -138,9 +138,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.DaemonSet, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.DaemonSet, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/deployment/DeployListView.vue b/src/frontend/components/deployment/DeployListView.vue
index 912c97b..8daca4c 100644
--- a/src/frontend/components/deployment/DeployListView.vue
+++ b/src/frontend/components/deployment/DeployListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NText, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
@@ -140,8 +140,13 @@ function onTextChanged(text: string) {
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Deployment, selectedNs))
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Deployment, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/endpoint/EpListView.vue b/src/frontend/components/endpoint/EpListView.vue
index ede02e0..7114b23 100644
--- a/src/frontend/components/endpoint/EpListView.vue
+++ b/src/frontend/components/endpoint/EpListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Endpoint, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Endpoint, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/event/EventListView.vue b/src/frontend/components/event/EventListView.vue
index add4b55..43b41f3 100644
--- a/src/frontend/components/event/EventListView.vue
+++ b/src/frontend/components/event/EventListView.vue
@@ -5,7 +5,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NSpace, NSwitch, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import type { V1Event } from '@backend/k8s/model/V1Event'
 import type { V1Pod } from '@backend/k8s/model/V1Pod'
 import { TimerUtils } from '@backend/utils/TimerUtils'
@@ -148,9 +148,13 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.message.includes(text))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Event, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Event, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ingress/IngListView.vue b/src/frontend/components/ingress/IngListView.vue
index aa46350..e575cda 100644
--- a/src/frontend/components/ingress/IngListView.vue
+++ b/src/frontend/components/ingress/IngListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Ingress, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Ingress, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/job/JobListView.vue b/src/frontend/components/job/JobListView.vue
index e35223a..6cd2ddc 100644
--- a/src/frontend/components/job/JobListView.vue
+++ b/src/frontend/components/job/JobListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Job, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Job, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/limitrange/LimitsListView.vue b/src/frontend/components/limitrange/LimitsListView.vue
index a7d194e..72b45a8 100644
--- a/src/frontend/components/limitrange/LimitsListView.vue
+++ b/src/frontend/components/limitrange/LimitsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.LimitRange, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.LimitRange, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ns/NsListView.vue b/src/frontend/components/ns/NsListView.vue
index 7948db5..43af200 100644
--- a/src/frontend/components/ns/NsListView.vue
+++ b/src/frontend/components/ns/NsListView.vue
@@ -4,7 +4,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -102,9 +102,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Namespace))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Namespace))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ns/NsSelect.vue b/src/frontend/components/ns/NsSelect.vue
index d2c3b5a..a819b15 100644
--- a/src/frontend/components/ns/NsSelect.vue
+++ b/src/frontend/components/ns/NsSelect.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
 import { NSelect } from 'naive-ui'
 import type { SelectOption } from 'naive-ui'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 
 // 定义调用方法
 const emit = defineEmits(['onNsChanged', 'update'])
 const selectedNs = ref('default')
 const options = ref<SelectOption[]>()
-
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+})
 async function getK8sNsList() {
   const ns = await K8sService.playService.nsControllerList()
   options.value = ns.map((r) => {
@@ -21,9 +24,11 @@ async function getK8sNsList() {
 function onNsChanged() {
   // console.log(`ns 变为${selectedNs.value}`)
   emit('onNsChanged', selectedNs.value)
+  localStorage.selectedNs = selectedNs.value ? selectedNs.value : ''
 }
 function setNsSelected(ns: string) {
   selectedNs.value = ns
+  localStorage.selectedNs = ns
 }
 getK8sNsList()
 
diff --git a/src/frontend/components/pod/PodListView.vue b/src/frontend/components/pod/PodListView.vue
index 30764fd..773d957 100644
--- a/src/frontend/components/pod/PodListView.vue
+++ b/src/frontend/components/pod/PodListView.vue
@@ -20,7 +20,7 @@ import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NText, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 
 const drawer = useDrawerService()
 const dialog = useDialog()
@@ -217,8 +217,13 @@ function onTextChanged(text: string) {
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Pod, selectedNs))
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Pod, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/priorityclass/PcListView.vue b/src/frontend/components/priorityclass/PcListView.vue
index dd03b6a..4072c21 100644
--- a/src/frontend/components/priorityclass/PcListView.vue
+++ b/src/frontend/components/priorityclass/PcListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -106,9 +106,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PriorityClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PriorityClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/replicacontroller/RcListView.vue b/src/frontend/components/replicacontroller/RcListView.vue
index cf18d6d..6619aa5 100644
--- a/src/frontend/components/replicacontroller/RcListView.vue
+++ b/src/frontend/components/replicacontroller/RcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
 
-getItemList()
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ReplicationController, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ReplicationController, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/replicaset/RsListView.vue b/src/frontend/components/replicaset/RsListView.vue
index 0acfc0b..816f03e 100644
--- a/src/frontend/components/replicaset/RsListView.vue
+++ b/src/frontend/components/replicaset/RsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,19 @@ function onTextChanged(text: string) {
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
 
-getItemList()
-TimerUtils.everyTwoSeconds(() => {
+let intervalId: number
+onBeforeUnmount(() => {
+  clearInterval(intervalId)
+})
+
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
   getItemList()
+  intervalId = TimerUtils.everyTwoSeconds(() => {
+    getItemList()
+  })
 })
 </script>
 
diff --git a/src/frontend/components/resourcequota/QuotaListView.vue b/src/frontend/components/resourcequota/QuotaListView.vue
index cb4f0f3..53496a1 100644
--- a/src/frontend/components/resourcequota/QuotaListView.vue
+++ b/src/frontend/components/resourcequota/QuotaListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ResourceQuota, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ResourceQuota, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/secret/SecretListView.vue b/src/frontend/components/secret/SecretListView.vue
index d31405f..494ab1d 100644
--- a/src/frontend/components/secret/SecretListView.vue
+++ b/src/frontend/components/secret/SecretListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Secret, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Secret, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/service/SvcListView.vue b/src/frontend/components/service/SvcListView.vue
index 77c180a..9fec485 100644
--- a/src/frontend/components/service/SvcListView.vue
+++ b/src/frontend/components/service/SvcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -150,9 +150,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Service, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Service, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/statefulset/StsListView.vue b/src/frontend/components/statefulset/StsListView.vue
index ea22e18..b831012 100644
--- a/src/frontend/components/statefulset/StsListView.vue
+++ b/src/frontend/components/statefulset/StsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -131,10 +131,14 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
+  getItemList()
 
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StatefulSet, selectedNs))
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StatefulSet, selectedNs))
+})
 </script>
 
 <template>