fix for github page

thisIsAnVariableOfACoder · thisIsAnVariableOfACoder · commit 0ef95e889397 · 2026-02-07T04:20:26.000+07:00
diff --git a/frontend/index.html b/frontend/index.html
@@ -4,10 +4,20 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Career Guidance Chatbot</title>
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    <script>
+      (function(l) {
+        if (l.search && 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.replace(/\/$/, '') + decoded + l.hash);
+        }
+      }(window.location));
+    </script>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="./src/main.jsx"></script>
   </body>
 </html>
diff --git a/frontend/public/404.html b/frontend/public/404.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Redirecting...</title>
+    <script type="text/javascript">
+      (function() {
+        var l = window.location;
+        var segmentCount = 0;
+        if (l.hostname.endsWith('github.io')) {
+          segmentCount = 1;
+        }
+        var pathSegments = l.pathname.split('/').slice(0, 1 + segmentCount).join('/');
+        l.replace(
+          l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+          pathSegments + '/?/' +
+          l.pathname.slice(1).split('/').slice(segmentCount).join('/') +
+          l.search.replace(/&/g, '~and~') + l.hash
+        );
+      })();
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -11,6 +11,8 @@ import { applyTheme, getStoredTheme } from './theme';
 import Explore from './pages/Explore';
 
 export default function App() {
+  const baseUrl = import.meta.env.BASE_URL || '/';
+  const routerBase = baseUrl === './' ? '/' : baseUrl;
   const [showSplash, setShowSplash] = useState(() => localStorage.getItem('showSplash') !== 'false');
   const [splashVisible, setSplashVisible] = useState(showSplash);
 
@@ -26,7 +28,7 @@ export default function App() {
   }, [showSplash]);
 
   return (
-    <BrowserRouter>
+    <BrowserRouter basename={routerBase}>
       <div className="min-h-screen bg-[radial-gradient(circle_at_top_left,_var(--c-accent-soft)_0,_var(--c-bg)_45%,_var(--c-bg)_100%)] text-[var(--c-text)]">
         <a href="#main" className="sr-only focus:not-sr-only focus:fixed focus:top-3 focus:left-3 focus:z-50 bg-white px-3 py-2 rounded shadow">
           Skip to main content
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig({
+  base: './',
   plugins: [react()],
   server: {
     port: 5173,
