fix

Author: KiloxGo

src/App.jsx

@@ -1,7 +1,7 @@
 import { Container, Flex, Text, HStack, VStack, Box } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
-import { Routes, Route } from "react-router-dom";
-import { Suspense } from "react";
+import { Routes, Route, useNavigate } from "react-router-dom";
+import { Suspense, useEffect } from "react";
 import { motion } from "framer-motion";
 import "./index.css";
 import { ProfileImage } from "./components/ProfileImage";
@@ -110,6 +110,32 @@ function LoadingScreen() {
 }
 
 function App() {
+  const navigate = useNavigate();
+
+  // 在任意页面挂载时检查 OAuth 回调（GitHub 只能回调到根路径）
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    const code = params.get("code");
+    const state = params.get("state");
+    if (code && state) {
+      import("./services/zoneService").then(({ githubService }) => {
+        githubService
+          .handleOAuthCallback(code, state)
+          .then((ok) => {
+            // 清理 URL 参数
+            window.history.replaceState({}, document.title, "/");
+            if (ok) {
+              // 回调成功后跳转到 /zone
+              navigate("/zone", { replace: true });
+            }
+          })
+          .catch(() => {
+            window.history.replaceState({}, document.title, "/");
+          });
+      });
+    }
+  }, [navigate]);
+
   return (
     <Box minH="100vh" bg="#8FC4FF" position="relative" zIndex={1}>
       <Suspense fallback={<LoadingScreen />}>

src/pages/ZonePage.jsx

@@ -28,8 +28,21 @@ function ZonePage() {
   useEffect(() => {
     loadPosts();
     checkAuth();
-    // 检查 OAuth 回调
-    githubService.checkOAuthCallback();
+  }, []);
+
+  // 监听 token 变更（跨 Tab 的 storage 事件 + 同 Tab 自定义事件）以刷新认证状态
+  useEffect(() => {
+    const handler = (e) => {
+      if (!e || e.type === "github_token_updated" || e.key === "github_token") {
+        checkAuth();
+      }
+    };
+    window.addEventListener("storage", handler);
+    window.addEventListener("github_token_updated", handler);
+    return () => {
+      window.removeEventListener("storage", handler);
+      window.removeEventListener("github_token_updated", handler);
+    };
   }, []);
 
   const loadPosts = async () => {

src/services/zoneService.js

@@ -10,6 +10,10 @@ class GitHubService {
   setToken(token) {
     this.token = token;
     localStorage.setItem("github_token", token);
+    // 通知前端刷新认证状态（同一标签页自定义事件 + 其他标签页 storage 事件）
+    try {
+      window.dispatchEvent(new Event("github_token_updated"));
+    } catch (e) {}
   }
 
   // 获取当前用户信息