change to hash router

README.md

@@ -8,17 +8,17 @@ This is an example of the FABRIK algorithm implemented in Typescript. Using html
 
 ## 2D Example
 
-[2D Single Chain](https://ruichen0101.github.io/fabrik-example/2d/single-end)
+[2D Single Chain](https://ruichen0101.github.io/fabrik-example#/2d/single-end)
 
-[2D Multi Chain](https://ruichen0101.github.io/fabrik-example/2d/multi-end)
+[2D Multi Chain](https://ruichen0101.github.io/fabrik-example#/2d/multi-end)
 
 ## 3D Example
 
-[3D Single Chain](https://ruichen0101.github.io/fabrik-example/3d/single-end)
+[3D Single Chain](https://ruichen0101.github.io/fabrik-example#/3d/single-end)
 
-[3D Multi Chain](https://ruichen0101.github.io/fabrik-example/3d/multi-end)
+[3D Multi Chain](https://ruichen0101.github.io/fabrik-example#/3d/multi-end)
 
-[3D Full Body](https://ruichen0101.github.io/fabrik-example/3d/full-body)
+[3D Full Body](https://ruichen0101.github.io/fabrik-example#/3d/full-body)
 
 ## Running the project
 

src/router/Router.tsx

@@ -1,5 +1,5 @@
 import { Component, ReactNode, lazy } from 'react';
-import { Routes, Route, BrowserRouter } from 'react-router-dom';
+import { Routes, Route, BrowserRouter, HashRouter } from 'react-router-dom';
 
 import { withSuspense } from '../wrapper/WithSuspense';
 
@@ -17,7 +17,7 @@ const FullBody = withSuspense(lazy(() => import('../3d/FullBody')));
 class Router extends Component {
     render(): ReactNode {
         return (
-            <BrowserRouter basename="/fabrik-example">
+            <HashRouter>
                 <Routes>
                     <Route path="2d" element={<TwoDimension />}>
                         <Route path="single-end" element={<SingleEnd2D />} />
@@ -29,7 +29,7 @@ class Router extends Component {
                         <Route path="full-body" element={<FullBody />} />
                     </Route>
                 </Routes>
-            </BrowserRouter>
+            </HashRouter>
         );
     }
 }