/auth/login and /auth/refresh should not be relative the app URL.

Author: hakan-persson

client/src/App.jsx

@@ -78,7 +78,7 @@ function App() {
 
 				// If unauthorized, try to refresh the token
 				if (userRes.status === 401) {
-					const refreshRes = await fetch(buildApiPath("/auth/refresh"), {
+					const refreshRes = await fetch("/auth/refresh", {
 						credentials: "include",
 					});
 
@@ -213,9 +213,7 @@ function App() {
 					type="button"
 					onClick={() => {
 						const currentPage = encodeURIComponent(window.location.href);
-						window.location.href = buildApiPath(
-							`/auth/login?redirect_uri=${currentPage}`
-						);
+						window.location.href = `/auth/login?redirect_uri=${currentPage}`;
 					}}
 					style={{
 						padding: "10px 20px",

client/vite.config.js

@@ -22,6 +22,10 @@ export default defineConfig(({ command }) => ({
         target: 'http://127.0.0.1:8000', // Your FastAPI backend
         changeOrigin: true,
       },
+      '/auth': {
+        target: 'http://127.0.0.1:8000', // Your FastAPI backend
+        changeOrigin: true,
+      },
     },
   },
 }))

pyapp/app/.gitignore

@@ -0,0 +1 @@
+auth_api.py

pyapp/app/main.py

@@ -1,17 +1,16 @@
-from pathlib import Path
 from contextlib import asynccontextmanager
+from pathlib import Path
 
 from fastapi import FastAPI, HTTPException, Request, status
 from fastapi.responses import FileResponse
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
-from starlette.middleware.sessions import SessionMiddleware
 from prometheus_fastapi_instrumentator import Instrumentator
+from starlette.middleware.sessions import SessionMiddleware
 
 from .config import get_settings
 from .info_api import router as info_router
 
-
 # Create an instrumentor object
 instrumentator = Instrumentator()
 
@@ -65,6 +64,11 @@ async def serve_react_app(request: Request, full_path: str):
         else:
             return FileResponse(str(file_path))
 
+else:  # We are running in dev
+    from .auth_api import auth_router
+
+    app.include_router(auth_router, include_in_schema=False)  # We need the '/auth' API
+
 
 # Add a root endpoint for basic API health check
 @app.get("/", include_in_schema=False)