diff --git a/package-lock.json b/package-lock.json
index bb94620ca75f87ac991eb3a206f0108e2fce6e98..5ac6f652665ccf93a11e00cd912be8ef55f7d8ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "oh-vue-icons": "^1.0.0-rc3",
         "pinia": "^2.1.7",
         "pinia-plugin-persist": "^1.0.0",
+        "pinia-plugin-persistedstate": "^3.2.1",
         "vue": "^3.4.21",
         "vue-router": "^4.3.0",
         "xml2js": "^0.6.2"
@@ -7684,6 +7685,14 @@
         }
       }
     },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.2.1.tgz",
+      "integrity": "sha512-MK++8LRUsGF7r45PjBFES82ISnPzyO6IZx3CH5vyPseFLZCk1g2kgx6l/nW8pEBKxxd4do0P6bJw+mUSZIEZUQ==",
+      "peerDependencies": {
+        "pinia": "^2.0.0"
+      }
+    },
     "node_modules/pinia/node_modules/vue-demi": {
       "version": "0.14.7",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
diff --git a/package.json b/package.json
index b2e39c70e704005bcb9df67abde381ed84f37868..b50b7b396dab5f6a506c3e41c2984264c08acaef 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "oh-vue-icons": "^1.0.0-rc3",
     "pinia": "^2.1.7",
     "pinia-plugin-persist": "^1.0.0",
+    "pinia-plugin-persistedstate": "^3.2.1",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0",
     "xml2js": "^0.6.2"
diff --git a/src/main.ts b/src/main.ts
index ebb6e70a5e1417929e26c08099b606ce0f6347c2..6aa433a9ccecfdd9d9a9498cfd68ef2817967524 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
+import piniaPluginPersistedState from 'pinia-plugin-persistedstate';
 
 import App from './App.vue';
 import router from './router';
@@ -8,6 +9,7 @@ import 'bootstrap';
 
 const app = createApp(App);
 const pinia = createPinia();
+pinia.use(piniaPluginPersistedState);
 
 app.use(pinia);
 app.use(router);
diff --git a/src/stores/UserStore.ts b/src/stores/UserStore.ts
index 4d5fbd67b4fb90a6d00195744b2522451b95837a..bbd838390f35936de3adc127a9f9ba5224776370 100644
--- a/src/stores/UserStore.ts
+++ b/src/stores/UserStore.ts
@@ -46,6 +46,9 @@ export const useUserInfoStore = defineStore('UserInfoStore', {
     accessToken: '',
     role: '',
   }),
+  persist: {
+    storage: cookiesStorage,
+  },
   actions: {
     setPassword(password: string) {
       this.password = password