chore: browser router

src/App.tsx

@@ -1,7 +1,13 @@
+import { useEffect } from 'react';
+
 import RouterContainer from '@/components/router-container';
 
 import routes from './routes';
 
 export default function App() {
-  return <RouterContainer routes={routes} basename="/labelU" />;
+  useEffect(() => {
+    document.dispatchEvent(new Event('custom-render-trigger'));
+  }, []);
+
+  return <RouterContainer routes={routes} />;
 }

src/components/router-container/index.tsx

@@ -4,7 +4,7 @@
  */
 import React, { useEffect, useMemo } from 'react';
 import type { RouteObject, UIMatch } from 'react-router-dom';
-import { createBrowserRouter, createRoutesFromElements, Route, RouterProvider, useMatches } from 'react-router-dom';
+import { createHashRouter, createRoutesFromElements, Route, RouterProvider, useMatches } from 'react-router-dom';
 
 export type RouteWithParent = RouteObject & {
   parent: RouteWithParent | null;
@@ -66,14 +66,8 @@ export interface RouterProps {
   basename?: string;
 }
 
-export default function RouterContainer({ routes, basename }: RouterProps) {
-  const router = useMemo(
-    () =>
-      createBrowserRouter(createRoutesFromElements(mapRoutes(routes)), {
-        basename,
-      }),
-    [routes, basename],
-  );
+export default function RouterContainer({ routes }: RouterProps) {
+  const router = useMemo(() => createHashRouter(createRoutesFromElements(mapRoutes(routes))), [routes]);
   const fallback = <div style={{ width: '100vw', marginTop: '40vh' }}> loading </div>;
 
   return <RouterProvider router={router} fallbackElement={fallback} />;

vite.config.ts

@@ -9,7 +9,7 @@ import { ViteEjsPlugin } from 'vite-plugin-ejs';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: '/labelU/',
+  base: '/',
   publicDir: resolve(__dirname, 'public'),
 
   optimizeDeps: {
@@ -22,17 +22,11 @@ export default defineConfig({
     svgr(),
     ViteEjsPlugin(),
     // prerender({
-    //   routes: ['/', '/guide/install/windows', '/guide/install/macos', '/schema/image/point'],
+    //   routes: ['/', '/schema/image/point'],
     //   renderer: '@prerenderer/renderer-puppeteer',
     //   rendererOptions: {
     //     renderAfterDocumentEvent: 'custom-render-trigger',
     //   },
-    //   postProcess(renderedRoute) {
-    //     // Replace all http with https urls and localhost to your site url
-    //     renderedRoute.html = renderedRoute.html
-    //       .replace(/http:/i, 'https:')
-    //       .replace(/(https:\/\/)?(localhost|127\.0\.0\.1):\d*/i, process.env.CI_ENVIRONMENT_URL || '');
-    //   },
     // }),
   ].filter(Boolean),
   resolve: {