Fixed Mixed content (HTTPS)

app.py

@@ -5,7 +5,7 @@ import flet.fastapi as flet_fastapi
 import sys
 import logging
 import os
-from fastapi import FastAPI, File, UploadFile, HTTPException, Form
+from fastapi import FastAPI, File, UploadFile, HTTPException, Form, Request
 from fastapi.responses import FileResponse, HTMLResponse, JSONResponse
 from collections import OrderedDict
 import base64
@@ -127,8 +127,11 @@ app.mount("/flet-app", flet_fastapi.app(main))
 UPLOAD_DIRECTORY = os.path.join(os.getcwd(), "uploaded_files")
 
 @app.get("/", response_class=HTMLResponse)
-async def serve_main_page():
-    html_content = """
+async def serve_main_page(request: Request):
+    # Get the base URL dynamically
+    base_url = str(request.base_url).rstrip('/')
+    
+    html_content = f"""
     <!DOCTYPE html>
     <html lang="en">
     <head>
@@ -136,24 +139,24 @@ async def serve_main_page():
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Audio Recorder App</title>
         <style>
-            body, html {
+            body, html {{
                 margin: 0;
                 padding: 0;
                 height: 100%;
                 overflow: hidden;
-            }
-            #flet-app-frame {
+            }}
+            #flet-app-frame {{
                 width: 100%;
                 height: 100%;
                 border: none;
                 position: absolute;
                 top: 0;
                 left: 0;
-            }
+            }}
         </style>
     </head>
     <body>
-        <iframe id="flet-app-frame" src="/flet-app"></iframe>
+        <iframe id="flet-app-frame" src="{base_url}/flet-app"></iframe>
         <iframe name="hidden-iframe" style="display:none;"></iframe>
     </body>
     </html>