feat: configure router mode and base URL via environment variablesHEADmain

1 files changed, 9 insertions, 3 deletions

diff --git a/src/router.tsx b/src/router.tsx
index 8128f45..77158f4 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,11 +1,17 @@
-import { createBrowserRouter } from 'react-router'
+import { createBrowserRouter, createHashRouter } from 'react-router'
 import App from './App'
 import { pageRoutes } from './route-config'
 
-export const router = createBrowserRouter([
+const isHashRouter = import.meta.env.VITE_ROUTER_MODE === 'hash'
+const createRouter = isHashRouter ? createHashRouter : createBrowserRouter
+
+export const router = createRouter([
   {
     path: '/',
     Component: App,
     children: pageRoutes,
   },
-])
+], {
+  // The deployment base precedes the hash and must not be repeated inside it.
+  basename: isHashRouter ? '/' : import.meta.env.BASE_URL,
+})