diff --git a/invokeai/frontend/web/src/app/components/InvokeAIUI.tsx b/invokeai/frontend/web/src/app/components/InvokeAIUI.tsx index f3d9c4bb28e..8f08da993d9 100644 --- a/invokeai/frontend/web/src/app/components/InvokeAIUI.tsx +++ b/invokeai/frontend/web/src/app/components/InvokeAIUI.tsx @@ -7,7 +7,7 @@ import { createStore } from 'app/store/store'; import Loading from 'common/components/Loading/Loading'; import React, { lazy, memo, useEffect, useState } from 'react'; import { Provider } from 'react-redux'; -import { BrowserRouter } from 'react-router-dom'; +import { HashRouter } from 'react-router-dom'; /* * We need to configure logging before anything else happens - useLayoutEffect ensures we set this at the first @@ -52,11 +52,11 @@ const InvokeAIUI = () => { return ( - + }> - + ); diff --git a/invokeai/frontend/web/src/features/auth/components/AdministratorSetup.tsx b/invokeai/frontend/web/src/features/auth/components/AdministratorSetup.tsx index 9827a4d9769..85cc89d5716 100644 --- a/invokeai/frontend/web/src/features/auth/components/AdministratorSetup.tsx +++ b/invokeai/frontend/web/src/features/auth/components/AdministratorSetup.tsx @@ -80,7 +80,7 @@ export const AdministratorSetup = memo(() => { if (result.success) { // Auto-login after setup - need to call login API // For now, just redirect to login page - window.location.href = '/login'; + window.location.href = '/#/login'; } } catch { // Error is handled by RTK Query and displayed via error state diff --git a/invokeai/frontend/web/src/features/auth/components/LoginPage.tsx b/invokeai/frontend/web/src/features/auth/components/LoginPage.tsx index ddc813163de..521c7656786 100644 --- a/invokeai/frontend/web/src/features/auth/components/LoginPage.tsx +++ b/invokeai/frontend/web/src/features/auth/components/LoginPage.tsx @@ -61,7 +61,7 @@ export const LoginPage = memo(() => { dispatch(setCredentials({ token: result.token, user })); // Force a page reload to ensure all user-specific state is loaded from server // This is important for multiuser isolation to prevent state leakage - window.location.href = '/app'; + window.location.href = '/#/app'; } catch { // Error is handled by RTK Query and displayed via error state }