updates to serve frontend

backend/app.py

@@ -1,5 +1,7 @@
 from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from pathlib import Path
 
 app = FastAPI()
 
@@ -14,6 +16,9 @@ app.add_middleware(
     allow_headers=["Content-Type", "Authorization"],  # only required headers
 )
 
+frontend_path = Path(__file__).parent.parent / "frontend" / "dist"
+app.mount("/", StaticFiles(directory=frontend_path, html=True), name="frontend")
+
 @app.get("/api/hello")
 def greet_json():
     return {"Hello": "World!"}

frontend/src/App.jsx

@@ -9,7 +9,7 @@ function App() {
   const [message, setMessage] = useState("");
 
   useEffect(() => {
-    fetch("http://localhost:8000/api/hello") // backend dev server
+    fetch("/api/hello") // backend dev server
       .then(res => res.json())
       .then(data => setMessage(data.Hello))
       .catch(err => console.error(err));

frontend/vite.config.js

@@ -1,7 +1,11 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    proxy: {
+      '/api': 'http://localhost:8000'  // forward /api requests to FastAPI
+    }
+  }
 })