Merge pull request #4142 from BerriAI/litellm_ui_on_server_root_url

[FIX] allow setting UI BASE path

build_admin_ui.sh

@@ -7,14 +7,13 @@
 echo
 pwd
 
+# if UI_BASE_PATH env is set 
+if [ -z "$UI_BASE_PATH" ]; then
 
-# only run this step for litellm enterprise, we run this if enterprise/enterprise_ui/_enterprise.json exists
-if [ ! -f "enterprise/enterprise_ui/enterprise_colors.json" ]; then
-    echo "Admin UI - using default LiteLLM UI"
-    exit 0
-fi
 
-echo "Building Custom Admin UI..."
+# only run this step for litellm enterprise, we run this if enterprise/enterprise_ui/_enterprise.json exists or env var UI_BASE_PATH is set
+if [ -f "enterprise/enterprise_ui/enterprise_colors.json" ] || [ -n "${UI_BASE_PATH:-}" ]; then
+    echo "Building Admin UI..."
 
     # Install dependencies
     # Check if we are on macOS
@@ -46,6 +45,14 @@ nvm install v18.17.0
     nvm use v18.17.0
     npm install -g npm
 
+    if [ -n "${UI_BASE_PATH:-}" ]; then
+        echo "Using UI_BASE_PATH: $UI_BASE_PATH"
+        
+        # make a file call .env in ui/litellm-dashboard and store the UI_BASE_PATH in it
+        echo "UI_BASE_PATH=$UI_BASE_PATH" > ui/litellm-dashboard/.env
+
+    fi
+
     # copy _enterprise.json from this directory to /ui/litellm-dashboard, and rename it to ui_colors.json
     cp enterprise/enterprise_ui/enterprise_colors.json ui/litellm-dashboard/ui_colors.json
 
@@ -60,3 +67,8 @@ chmod +x ./build_ui.sh
 
     # return to root directory
     cd ../..
+
+else
+    echo "Admin UI - using default LiteLLM UI"
+    exit 0
+fi

ui/litellm-dashboard/next.config.mjs

@@ -1,7 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     output: 'export',
-    basePath: '/ui',
+    basePath: process.env.UI_BASE_PATH || '/ui',
 };
 
 nextConfig.experimental = {