From 88ba9be318f8c9bf2f2f3ae016e46a8a98d17083 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?= <liqiworkers@gmail.com>
Date: Fri, 23 Jan 2026 16:13:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/Blog.vue                     | 2 +-
 client/src/pages/Home.vue                     | 6 ++++--
 client/src/pages/admin/ColumnForm.vue         | 5 +++--
 client/src/pages/admin/Posts.vue              | 2 +-
 client/src/pages/admin/dashboard/Overview.vue | 4 +++-
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/Blog.vue b/client/src/pages/Blog.vue
index e3a0b5a..699ffd6 100644
--- a/client/src/pages/Blog.vue
+++ b/client/src/pages/Blog.vue
@@ -73,7 +73,7 @@
       <!-- Error state -->
       <div v-else-if="error" class="text-center text-red-500 py-20">
         <p class="mb-4">{{ error }}</p>
-        <button @click="fetchBlogPosts" class="px-4 py-2 bg-art-accent text-white rounded hover:bg-opacity-80 transition-colors">
+        <button @click="() => fetchBlogPosts(true)" class="px-4 py-2 bg-art-accent text-white rounded hover:bg-opacity-80 transition-colors">
           重试
         </button>
       </div>
diff --git a/client/src/pages/Home.vue b/client/src/pages/Home.vue
index f5c600a..f12dbe7 100644
--- a/client/src/pages/Home.vue
+++ b/client/src/pages/Home.vue
@@ -150,8 +150,10 @@ const fetchHomeData = async () => {
       latestWork.value = works[0]
     }
     
-    if (posts && posts.length > 0) {
-      featuredPost.value = posts[0]
+    // fetchPosts 现在返回 PaginationResponse<Post>，需要取 .list
+    const postsList = 'list' in posts ? posts.list : []
+    if (postsList && postsList.length > 0) {
+      featuredPost.value = postsList[0]
     }
   } catch (err) {
     console.error('Error fetching home data:', err)
diff --git a/client/src/pages/admin/ColumnForm.vue b/client/src/pages/admin/ColumnForm.vue
index d31276b..26c81a0 100644
--- a/client/src/pages/admin/ColumnForm.vue
+++ b/client/src/pages/admin/ColumnForm.vue
@@ -187,8 +187,9 @@ const handleCancel = () => {
 
 const loadPosts = async () => {
   try {
-    const posts = await fetchPosts()
-    allPosts.value = posts
+    const response = await fetchPosts()
+    // fetchPosts 现在返回 PaginationResponse<Post>，需要取 .list
+    allPosts.value = 'list' in response ? response.list : []
   } catch (error) {
     console.error('Failed to load posts:', error)
   }
diff --git a/client/src/pages/admin/Posts.vue b/client/src/pages/admin/Posts.vue
index 35d053f..d3df3fd 100644
--- a/client/src/pages/admin/Posts.vue
+++ b/client/src/pages/admin/Posts.vue
@@ -183,7 +183,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue'
-import { getAdminPosts, deletePost as deletePostApi, Post, togglePostStatus, PaginationResponse } from '../../services/api'
+import { getAdminPosts, deletePost as deletePostApi, Post, togglePostStatus } from '../../services/api'
 import { useToast } from '../../composables/useToast'
 import PostRelationModal from '../../components/admin/PostRelationModal.vue'
 import AccessLogModal from '../../components/admin/AccessLogModal.vue'
diff --git a/client/src/pages/admin/dashboard/Overview.vue b/client/src/pages/admin/dashboard/Overview.vue
index 1ae9c1f..9c88a9a 100644
--- a/client/src/pages/admin/dashboard/Overview.vue
+++ b/client/src/pages/admin/dashboard/Overview.vue
@@ -117,7 +117,9 @@ const loadData = async () => {
     
     stats.value = statsData
     operationLogs.value = logsData.list
-    recentPosts.value = postsData.slice(0, 5)
+    // fetchPosts 现在返回 PaginationResponse<Post>，需要取 .list
+    const postsList = 'list' in postsData ? postsData.list : []
+    recentPosts.value = postsList.slice(0, 5)
     
   } catch (error) {
     console.error(error)