diff --git a/index.html b/index.html
index f02eb79..d5a8213 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!--BASE_HREF-->
+    <script src="./config.js"></script>
     <title>Office Asset Management</title>
   </head>
   <body>
diff --git a/src/main.jsx b/src/main.jsx
index e3ce712..55bfd12 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -8,7 +8,7 @@ import './styles/global.css'
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
-    <BrowserRouter basename={import.meta.env.BASE_URL}>
+    <BrowserRouter basename={import.meta.env.DEV ? "/" : new URL(document.baseURI).pathname}>
       <AuthProvider>
         <AppProvider>
           <App />
diff --git a/vite.config.js b/vite.config.js
index dc986bf..e60fc42 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,8 +2,8 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
 export default defineConfig(({ command }) => ({
-  // The preview runs at https://preview-dev.getzino.in/asset-management/
-  base: command === "build" ? "/asset-management/" : "/",
+  // Relative base: frontgen places one artifact at any mount path and injects <base href>.
+  base: "./",
   plugins: [react()],
   server: {
     port: 5173,