Fix GitHub Pages SPA routing by adding 404.html and updating index.html

RumPumpumpum · RumPumpumpum · commit fa79b0246dc6 · 2025-10-24T12:23:19.000+09:00
diff --git a/index.html b/index.html
@@ -5,6 +5,20 @@
 		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>project2</title>
+		<script type="text/javascript">
+			// GitHub Pages SPA 라우팅 지원
+			// 404.html에서 리다이렉트된 URL 파라미터를 처리
+			(function(l) {
+				if (l.search[1] === '/' ) {
+					var decoded = l.search.slice(1).split('&').map(function(s) { 
+						return s.replace(/~and~/g, '&')
+					}).join('?');
+					window.history.replaceState(null, null,
+						l.pathname.slice(0, -1) + decoded + l.hash
+					);
+				}
+			}(window.location))
+		</script>
 	</head>
 	<body>
 		<div id="root"></div>
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>404</title>
+    <script type="text/javascript">
+      // GitHub Pages에서 SPA 라우팅을 위한 리다이렉트 스크립트
+      // 현재 URL을 확인하고 해당 경로로 리다이렉트
+      var pathSegmentsToKeep = 0;
+
+      var l = window.location;
+      l.replace(
+        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+        l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
+        l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
+        (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
+        l.hash
+      );
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
