diff --git a/AppImage/components/proxmox-dashboard.tsx b/AppImage/components/proxmox-dashboard.tsx index 428a060..ae092b5 100644 --- a/AppImage/components/proxmox-dashboard.tsx +++ b/AppImage/components/proxmox-dashboard.tsx @@ -14,7 +14,7 @@ import { OnboardingCarousel } from "./onboarding-carousel" import { AuthSetup } from "./auth-setup" import { Login } from "./login" import { Settings } from "./settings" -import { getApiUrl } from "../lib/api-config" +import { getApiUrl, getApiBaseUrl } from "../lib/api-config" import { RefreshCw, AlertTriangle, @@ -52,7 +52,18 @@ interface FlaskSystemData { load_average: number[] } +console.log("[v0] ========================================") +console.log("[v0] ProxmoxDashboard component file loaded!") +console.log("[v0] Timestamp:", new Date().toISOString()) +console.log("[v0] ========================================") + export function ProxmoxDashboard() { + console.log("[v0] ========================================") + console.log("[v0] ProxmoxDashboard component MOUNTING") + console.log("[v0] Window location:", typeof window !== "undefined" ? window.location.href : "SSR") + console.log("[v0] API Base URL:", typeof window !== "undefined" ? getApiBaseUrl() : "SSR") + console.log("[v0] ========================================") + const [systemStatus, setSystemStatus] = useState({ status: "healthy", uptime: "Loading...", diff --git a/AppImage/lib/api-config.ts b/AppImage/lib/api-config.ts index de2bcc0..f5aea73 100644 --- a/AppImage/lib/api-config.ts +++ b/AppImage/lib/api-config.ts @@ -11,21 +11,29 @@ */ export function getApiBaseUrl(): string { if (typeof window === "undefined") { + console.log("[v0] getApiBaseUrl: Running on server (SSR)") return "" } const { protocol, hostname, port } = window.location + console.log("[v0] getApiBaseUrl - protocol:", protocol, "hostname:", hostname, "port:", port) + // If accessing via standard ports (80/443) or no port, assume we're behind a proxy // In this case, use relative URLs so the proxy handles routing const isStandardPort = port === "" || port === "80" || port === "443" + console.log("[v0] getApiBaseUrl - isStandardPort:", isStandardPort) + if (isStandardPort) { // Behind a proxy - use relative URL + console.log("[v0] getApiBaseUrl: Detected proxy access, using relative URLs") return "" } else { // Direct access - use explicit port 8008 - return `${protocol}//${hostname}:8008` + const baseUrl = `${protocol}//${hostname}:8008` + console.log("[v0] getApiBaseUrl: Direct access detected, using:", baseUrl) + return baseUrl } }