feat: 添加全局信息流功能，支持根据登录状态获取不同类型的帖子

Author: Sunwuyuan

src/pages/app/posts/index.vue

@@ -13,7 +13,7 @@
         <h1 class="header-title">首页</h1>
 
       </div>
-      <div class="header-tabs">
+      <div v-if="isLogin" class="header-tabs">
         <button
           class="header-tab"
           :class="{ 'header-tab--active': feedType === 'for-you' }"
@@ -28,6 +28,13 @@
         >
           关注
         </button>
+        <button
+          class="header-tab"
+          :class="{ 'header-tab--active': feedType === 'global' }"
+          @click="feedType = 'global'"
+        >
+          全局
+        </button>
       </div>
     </header>
 
@@ -125,11 +132,21 @@ const loadFeed = async (isInitial = false) => {
   }
 
   try {
-    const res = await PostsService.getFeed({
-      cursor: isInitial ? undefined : cursor.value,
-      limit: 20,
-      includeReplies: false
-    });
+    let res;
+    if (feedType.value === 'global') {
+      res = await PostsService.getGlobalFeed({
+        cursor: isInitial ? undefined : cursor.value,
+        limit: 20,
+        includeReplies: false,
+      });
+    } else {
+      res = await PostsService.getFeed({
+        cursor: isInitial ? undefined : cursor.value,
+        limit: 20,
+        includeReplies: false,
+        followingOnly: feedType.value === 'following',
+      });
+    }
 
     if (isInitial) {
       posts.value = res.posts;

src/pages/index.vue

@@ -19,7 +19,7 @@
             <div class="header-content">
               <h1 class="header-title">首页</h1>
             </div>
-            <div class="header-tabs">
+            <div v-if="isLogin" class="header-tabs">
               <button
                 class="header-tab"
                 :class="{ 'header-tab--active': feedType === 'for-you' }"
@@ -34,6 +34,13 @@
               >
                 关注
               </button>
+              <button
+                class="header-tab"
+                :class="{ 'header-tab--active': feedType === 'global' }"
+                @click="feedType = 'global'"
+              >
+                全局
+              </button>
             </div>
           </header>
 
@@ -149,12 +156,21 @@ const loadFeed = async (isInitial = false) => {
   }
 
   try {
-    const res = await PostsService.getFeed({
-      cursor: isInitial ? undefined : cursor.value,
-      limit: 20,
-      includeReplies: false,
-      followingOnly: feedType.value === 'following'
-    });
+    let res;
+    if (feedType.value === 'global') {
+      res = await PostsService.getGlobalFeed({
+        cursor: isInitial ? undefined : cursor.value,
+        limit: 20,
+        includeReplies: false,
+      });
+    } else {
+      res = await PostsService.getFeed({
+        cursor: isInitial ? undefined : cursor.value,
+        limit: 20,
+        includeReplies: false,
+        followingOnly: feedType.value === 'following',
+      });
+    }
 
     if (isInitial) {
       posts.value = res.posts;

src/services/postsService.js

@@ -346,6 +346,24 @@ export const PostsService = {
     }
   },
 
+  /**
+   * 获取全局信息流（包含 Mastodon 同步帖子，仅登录可用）
+   * @param {Object} options
+   * @param {string} options.cursor - 分页游标
+   * @param {number} options.limit - 每页数量
+   * @param {boolean} options.includeReplies - 是否包含回复
+   */
+  async getGlobalFeed({ cursor, limit = 20, includeReplies = false } = {}) {
+    try {
+      const params = { limit, include_replies: String(includeReplies) };
+      if (cursor) params.cursor = cursor;
+      const response = await axios.get('/posts/global', { params });
+      return normalizeListResponse(response.data);
+    } catch (error) {
+      throw new Error(getErrorMessage(error, '获取全局时间线失败'));
+    }
+  },
+
   /**
    * 获取提及列表
    * @param {Object} options