Set loading screen only for 502 bad gateway and proxy all other 5xx errors

robballantyne · robballantyne · commit b8bc35fa2f94 · 2024-08-14T16:25:58.000+01:00
diff --git a/build/COPY_ROOT_0/opt/caddy/public/502.html b/build/COPY_ROOT_0/opt/caddy/public/502.html
@@ -35,15 +35,15 @@
 </head>
 <body>
     <div class="spinner"></div>
-    <div class="text">Waiting for the service to respond</div>
+    <div class="text">Loading: Check container logs for progress</div>
 
     <script>
         // Function to check if the current page is up
         function checkService() {
             fetch(window.location.href, { method: 'HEAD' })
                 .then(response => {
-                    // If the response status is not a 5xx error
-                    if (response.status < 500 || response.status >= 600) {
+                    // Reload if the response status is not a 502 Bad Gateway error
+                    if (response.status != 502) {
                         // Reload the page
                         window.location.reload();
                     }
diff --git a/build/COPY_ROOT_0/opt/caddy/share/base_config b/build/COPY_ROOT_0/opt/caddy/share/base_config
@@ -53,17 +53,16 @@
     @preauth {
         path /ai-dock/pre-auth
     }
-
-    handle_errors 5xx {
-        rewrite * /500.html
-        file_server
-    }
-
     
     @default {
         path /*
     }
-    
+
+    handle_errors 502 {
+        rewrite * /502.html
+        file_server
+    }
+        
     respond /ai-dock/health-check 200
 }
 
