diff --git a/src/components/main/t-postcard.vue b/src/components/main/t-postcard.vue
index 83495c5e..0bba5aeb 100644
--- a/src/components/main/t-postcard.vue
+++ b/src/components/main/t-postcard.vue
@@ -59,7 +59,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, onBeforeMount, onUnmounted, ref } from "vue";
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 
 import { generateShareImg, saveImgLocal } from "../../utils/TGShare.js";
 import { createPost } from "../../utils/TGWindow.js";
@@ -90,15 +90,26 @@ const selectedList = computed({
   },
 });
 
-onBeforeMount(async () => {
-  card.value = getPostCard(props.modelValue);
+onMounted(async () => await reload(props.modelValue));
+
+watch(() => props.modelValue, reload);
+
+async function reload(data: TGApp.Plugins.Mys.Post.FullData): Promise<void> {
+  if (localCover.value) {
+    URL.revokeObjectURL(localCover.value);
+    localCover.value = undefined;
+  }
+  card.value = getPostCard(data);
   if (card.value && card.value.cover !== "") {
     localCover.value = await saveImgLocal(card.value.cover);
   }
-});
+}
 
 onUnmounted(() => {
-  if (localCover.value) URL.revokeObjectURL(localCover.value);
+  if (localCover.value) {
+    URL.revokeObjectURL(localCover.value);
+    localCover.value = undefined;
+  }
 });
 
 /**
diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index ddfb8061..e5988cc8 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -283,6 +283,7 @@ async function refresh(): Promise<void> {
   const indexRes = await TGRequest.User.byCookie.getAvatarIndex(userStore.cookie.value, user.value);
   if (indexRes.retcode !== 0) {
     showSnackbar({ text: `[${indexRes.retcode}] ${indexRes.message}` });
+    await TGLogger.Error(JSON.stringify(indexRes.message));
     loading.value = false;
     loadData.value = false;
     return;