Set base in vite

Author: GrahamTheCoder

web/src/index.tsx

@@ -8,18 +8,16 @@ import App from './App';
 const headElement = document.head as HTMLElement & { dataset: DOMStringMap };
 headElement.dataset['apisource'] = import.meta.env.VITE_DEFAULT_APISOURCE || 'LocalWeb';
 
-const baseUrl = document.getElementsByTagName('base')[0]?.getAttribute('href') || undefined;
 
 const container = document.getElementById('root');
 const root = createRoot(container!);
-let normalizedBaseUrl = baseUrl;
-if (normalizedBaseUrl && normalizedBaseUrl.endsWith('/') && normalizedBaseUrl !== '/') {
-    normalizedBaseUrl = normalizedBaseUrl.substring(0, normalizedBaseUrl.length - 1);
-}
+// Derive basename from BASE_URL (set at build time)
+const baseUrl = import.meta.env.BASE_URL;
+const normalizedBaseUrl = baseUrl && baseUrl.endsWith('/') && baseUrl !== '/' ? baseUrl.substring(0, baseUrl.length - 1) : baseUrl;
 
 root.render(
     <StrictMode>
-        <BrowserRouter basename={baseUrl}>
+        <BrowserRouter basename={normalizedBaseUrl}>
             <App />
         </BrowserRouter>
     </StrictMode>

web/src/main.tsx

@@ -8,11 +8,13 @@ import App from './App.tsx'
 const headElement = document.head as HTMLElement & { dataset: DOMStringMap };
 headElement.dataset['apisource'] = import.meta.env.VITE_DEFAULT_APISOURCE || 'LocalWeb';
 
-const baseUrl = document.getElementsByTagName('base')[0]?.getAttribute('href') || undefined;
+// const baseUrl = document.getElementsByTagName('base')[0]?.getAttribute('href') || undefined;
+// Derive basename from BASE_URL (set at build time)
+const basename = import.meta.env.BASE_URL === './' ? '/' : import.meta.env.BASE_URL;
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <BrowserRouter basename={baseUrl}>
+    <BrowserRouter basename={basename}>
       <App />
     </BrowserRouter>
   </StrictMode>,

web/vite.config.ts

@@ -4,6 +4,7 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: 'CodeConverter/',
   test: {
     environment: 'jsdom',
   },