chore: hash history

package.json

@@ -76,7 +76,7 @@
   },
   "scripts": {
     "start": "cross-env REACT_APP_BACKEND_URL=https://sit-shgybwg.4dage.com node scripts/start.js",
-    "build": "cross-env REACT_APP_BACKEND_URL=https://sit-shgybwg.4dage.com node scripts/build.js",
+    "build": "cross-env PUBLIC_URL=./ REACT_APP_BACKEND_URL=https://sit-shgybwg.4dage.com node scripts/build.js",
     "test": "node scripts/test.js"
   },
   "eslintConfig": {

src/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import { Provider } from "react-redux";
 import store from "./store/index";
 import App from "./App";
@@ -10,10 +10,10 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
+    <HashRouter>
       <Provider store={store}>
         <App />
       </Provider>
-    </BrowserRouter>
+    </HashRouter>
   </React.StrictMode>
 );

src/pages/Layout/index.tsx

@@ -139,7 +139,7 @@ export default function CustomLayout() {
           >
             <Suspense fallback={<MemoSpinLoding />}>
               <Routes>
-                <Route path="/" element={<Navigate to="/weapon" />} />
+                <Route path="/" element={<Navigate to="#/weapon" />} />
                 {menuList.map((menu) => (
                   <Route
                     key={menu.key}

src/utils/index.ts

@@ -7,7 +7,7 @@ export const logout = async () => {
   await logoutApi();
 
   removeTokenInfo();
-  globalThis.location.href = "/login";
+  globalThis.location.href = "#/login";
 };
 
 export const isDevelopment = process.env.NODE_ENV === "development";