fix: update router

wendychaung · wendychaung · commit 6e5387ec4acb · 2025-11-03T00:09:56.000+08:00
diff --git a/public/index.html b/public/index.html
@@ -44,6 +44,38 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script>
+      // 处理 GitHub Pages 路由重定向
+      (function() {
+        // 只在生产环境且不是首页时执行
+        if (window.location.hostname === 'web3camp.us' && window.location.pathname !== '/') {
+          const validRoutes = ['/home', '/tutorial', '/tools', '/tasks', '/news'];
+          const currentPath = window.location.pathname;
+          
+          // 检查是否是有效路由
+          if (validRoutes.includes(currentPath)) {
+            // 重定向到首页并传递路由参数
+            window.location.href = '/?route=' + encodeURIComponent(currentPath);
+          }
+        }
+      })();
+    </script>
+    <script>
+      // 处理 GitHub Pages 路由重定向
+      (function() {
+        // 只在生产环境且不是首页时执行
+        if (window.location.hostname === 'web3camp.us' && window.location.pathname !== '/') {
+          const validRoutes = ['/home', '/tutorial', '/tools', '/tasks', '/news'];
+          const currentPath = window.location.pathname;
+          
+          // 检查是否是有效路由
+          if (validRoutes.includes(currentPath)) {
+            // 重定向到首页并传递路由参数
+            window.location.href = '/?route=' + encodeURIComponent(currentPath);
+          }
+        }
+      })();
+    </script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/App.js b/src/App.js
@@ -2,22 +2,45 @@ import GlobalStyle from "./utils/GloablStyle";
 import { WOW } from 'wowjs';
 import "animate.css";
 import {useEffect} from "react";
-import { BrowserRouter as Router } from "react-router-dom";
+import { BrowserRouter as Router, useNavigate } from "react-router-dom";
 import RouterLink from "./router/router";
 import Header from "./components/header";
 import Footer from "./components/footer";
 
-function App() {
+function AppContent() {
+    const navigate = useNavigate();
+    
     useEffect(() => {
         new WOW().init();
-    }, []);
-  return (
-    <div>
-
-        <Router>
+        
+        // 只在生产环境处理路由参数
+        if (window.location.hostname === 'web3camp.us') {
+            const urlParams = new URLSearchParams(window.location.search);
+            const redirectRoute = urlParams.get('route');
+            const validRoutes = ['/home', '/tutorial', '/tools', '/tasks', '/news'];
+            
+            // 如果有路由参数，导航到对应页面并清理URL
+            if (redirectRoute && validRoutes.includes(redirectRoute)) {
+                navigate(redirectRoute);
+                window.history.replaceState({}, '', redirectRoute);
+            }
+        }
+    }, [navigate]);
+    
+    return (
+        <>
             <Header />
             <RouterLink />
             <Footer />
+        </>
+    );
+}
+
+function App() {
+  return (
+    <div>
+        <Router>
+            <AppContent />
         </Router>
       <GlobalStyle />
     </div>
