add 404 page

dodolalorc · dodolalorc · commit 4d080d603206 · 2026-03-09T13:24:27.000+08:00
diff --git a/index.html b/index.html
@@ -1,22 +1,40 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>资助平台</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>资助平台</title>
-  <style>
-    * {
-      margin: 0;
-      padding: 0;
-    }
-  </style>
-</head>
+  <body>
+    <div id="app"></div>
+    <script>
+      // Restore route forwarded by public/404.html when refreshing deep links on GitHub Pages.
+      ;(function (location) {
+        if (location.search[1] === '/') {
+          var decoded = location.search
+            .slice(1)
+            .split('&')
+            .map(function (s) {
+              return s.replace(/~and~/g, '&')
+            })
+            .join('?')
 
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-
-</html>
+          window.history.replaceState(
+            null,
+            '',
+            location.pathname.slice(0, -1) + decoded + location.hash,
+          )
+        }
+      })(window.location)
+    </script>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Redirecting...</title>
+    <script>
+      // Redirect unknown static paths to index while preserving route/query for SPA restore.
+      // Custom domain (root deploy) should use 0. For /<repo> deploy use 1.
+      var segmentCount = 0
+      var location = window.location
+      var redirectTo =
+        location.protocol +
+        '//' +
+        location.hostname +
+        (location.port ? ':' + location.port : '') +
+        location.pathname
+          .split('/')
+          .slice(0, 1 + segmentCount)
+          .join('/') +
+        '/?/' +
+        location.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
+        (location.search ? '&' + location.search.slice(1).replace(/&/g, '~and~') : '') +
+        location.hash
+
+      location.replace(redirectTo)
+    </script>
+  </head>
+
+  <body></body>
+</html>
