feat(system): 前端数据接口支持新版后端数据格式

前端数据接口支持新版后端数据格式

Author: lingview

frontend/src/Api.jsx

@@ -42,10 +42,10 @@ export const fetchStatistics = async () => {
 
         return {
             stats: [
-                { label: '文章', value: articleCount, icon: 'article' },
-                { label: '用户', value: userCount, icon: 'user' },
-                { label: '评论', value: commentCount, icon: 'comment' },
-                { label: '浏览量', value: browseCount, icon: 'view' }
+                { label: '文章', value: articleCount.data, icon: 'article' },
+                { label: '用户', value: userCount.data, icon: 'user' },
+                { label: '评论', value: commentCount.data, icon: 'comment' },
+                { label: '浏览量', value: browseCount.data, icon: 'view' }
             ]
         };
     } catch (error) {

frontend/src/components/ArticleList.jsx

@@ -75,8 +75,8 @@ export default function ArticleList() {
             }
 
             if (!abortController.signal.aborted) {
-                setArticles(Array.isArray(result.data) ? result.data : []);
-                setTotalPages(result.total_pages || 1);
+                setArticles(Array.isArray(result.data?.data) ? result.data.data : []);
+                setTotalPages(result.data?.total_pages || 1);
             }
         } catch (error) {
             if (error.name === 'AbortError' || error.code === 'ERR_CANCELED') {

frontend/src/components/CategorySidebar.jsx

@@ -17,7 +17,7 @@ export default function CategorySidebar({ selectedCategory }) {
             try {
                 setLoading(true);
                 const data = await apiClient.get('/categoriesandcount');
-                setCategories(data);
+                setCategories(Array.isArray(data.data) ? data.data : []);
                 setError(null);
             } catch (err) {
                 console.error('获取分类数据失败:', err);

frontend/src/components/CommentSection.jsx

@@ -44,7 +44,7 @@ const CommentSection = ({ articleAlias }) => {
     try {
       setLoading(true);
       const response = await apiClient.get(`/comments/article/${articleAlias}`);
-      setComments(response || []);
+      setComments(response.data || []);
     } catch (err) {
       // setError('获取评论失败');
       console.error(err);

frontend/src/components/Header.jsx

@@ -129,8 +129,8 @@ export default function Header() {
         const fetchMenus = async () => {
             try {
                 const response = await apiClient.get('/frontendgetmenus')
-                if (response && Array.isArray(response)) {
-                    const escapedMenus = response.map(menu => ({
+                if (response && Array.isArray(response.data)) {
+                    const escapedMenus = response.data.map(menu => ({
                         ...menu,
                         menus_name: escapeHtml(menu.menus_name) || '',
                         menus_url: escapeHtml(menu.menus_url) || ''

frontend/src/components/TagSidebar.jsx

@@ -17,7 +17,7 @@ export default function TagSidebar({ selectedTag }) {
             try {
                 setLoading(true);
                 const data = await apiClient.get('/tags');
-                setTags(data);
+                setTags(Array.isArray(data.data) ? data.data : []);
                 setError(null);
             } catch (err) {
                 console.error('获取标签数据失败:', err);

frontend/src/components/dashboard/AnnouncementManager.jsx

@@ -65,7 +65,7 @@ export default function AnnouncementManager() {
                 headers: { 'Content-Type': 'multipart/form-data' }
             });
 
-            const fileUrl = response.fileUrl || '';
+            const fileUrl = response.data?.fileUrl || '';
             if (fileUrl) {
                 const imgTag = `<img src="${fileUrl}" alt="" />`;
                 const textarea = textareaRef.current;

frontend/src/components/dashboard/ArticleInfoForm.jsx

@@ -95,8 +95,8 @@ export default function ArticleInfoForm({ articleData, initialArticleData, onSav
                 apiClient.get('/user/has-permission', { params: { codes: ['system:tags:management'] } })
             ]);
 
-            setTags(Array.isArray(tagsRes) ? tagsRes : []);
-            setCategories(Array.isArray(categoriesRes) ? categoriesRes : []);
+            setTags(Array.isArray(tagsRes.data) ? tagsRes.data : []);
+            setCategories(Array.isArray(categoriesRes.data) ? categoriesRes.data : []);
 
             setCanCreateCategories(catPermRes.data?.hasPermission === true);
             setCanCreateTags(tagPermRes.data?.hasPermission === true);
@@ -204,7 +204,7 @@ export default function ArticleInfoForm({ articleData, initialArticleData, onSav
 
             setFormData(prev => ({
                 ...prev,
-                cover: response.fileUrl || ''
+                cover: response.data?.fileUrl || ''
             }));
         } catch (error) {
             console.error('封面上传失败:', error);

frontend/src/components/dashboard/AvatarUpload.jsx

@@ -66,8 +66,8 @@ export default function AvatarUpload({ currentAvatar, onAvatarUpdate }) {
                 }
             });
 
-            if (response && response.fileUrl) {
-                const fullUrl = getFullImageUrl(response.fileUrl);
+            if (response && response.data?.fileUrl) {
+                const fullUrl = getFullImageUrl(response.data.fileUrl);
                 onAvatarUpdate(fullUrl);
                 setPreview(fullUrl);
             } else {

frontend/src/components/dashboard/GlobalAttachmentsManager.jsx

@@ -29,8 +29,8 @@ const GlobalAttachmentsManager = () => {
         setUserLoading(true);
         try {
             const response = await apiClient.get('/user/listall');
-            if (response && Array.isArray(response)) {
-                setUsers(response);
+            if (response && Array.isArray(response.data)) {
+                setUsers(response.data);
             }
         } catch (error) {
             console.error('获取用户列表失败:', error);