chore: modify backend api and chatbot comp headers

app/components/ChatBot.tsx

@@ -31,6 +31,11 @@ export default function LandingPageChatBot() {
   const { messages: rawMessages, input, handleInputChange, handleSubmit, isLoading, append } = useChat({
     api: '/api/landing_page_chat',
     streamProtocol: 'data',
+    headers: {
+      'Accept': 'text/event-stream',
+      'Cache-Control': 'no-cache',
+      'Connection': 'keep-alive',
+    },
     onError: (error) => {
       console.error('Chat error:', error);
     },

backend/main.py

@@ -71,10 +71,13 @@ async def stream_text(messages: List[Message]):
         yield f"Error: {str(e)}".encode('utf-8')
 
 @app.post("/api/landing_page_chat")
-async def landing_page_chat(request: ChatRequest,):
+async def landing_page_chat(request: ChatRequest):
     response = StreamingResponse(
         stream_text(request.messages),
+        media_type='text/event-stream',
     )
+    response.headers['Cache-Control'] = 'no-cache'
+    response.headers['Connection'] = 'keep-alive'
     response.headers['x-vercel-ai-data-stream'] = 'v1'
     return response
 

next.config.ts

@@ -6,10 +6,17 @@ const nextConfig: NextConfig = {
     return [
       {
         source: '/api/:path*',
-        destination: 'http://localhost:8000/api/:path*' // FastAPI backend
+        destination: 'http://localhost:8000/api/:path*',
+        has: [
+          {
+            type: 'header',
+            key: 'accept',
+            value: 'text/event-stream',
+          },
+        ],
       }
     ]
-  }
+  },
 };
 
 export default nextConfig;