fix: trailing slash routes, static file serving

Matthias Nott

2026-02-21 15c6d258137464aad5bbcc53f6044ad628849048

fix: trailing slash routes, static file serving

 app/main.py
..
..
@@ -51,10 +51,11 @@
51
51
 app.include_router(system.router, prefix="/api/system", tags=["system"])
52
52
 
53
53
 # ---------------------------------------------------------------------------
54
-# Static files – serve the frontend SPA at /
55
-# Mount last so API routes take precedence
54
+# Static files – serve CSS/JS at /static and HTML at /
55
+# Mount /static first for explicit asset paths, then / for SPA fallback
56
56
 # ---------------------------------------------------------------------------
57
57
 if _STATIC_DIR.exists():
58
+    app.mount("/static", StaticFiles(directory=str(_STATIC_DIR)), name="static-assets")
58
59
     app.mount("/", StaticFiles(directory=str(_STATIC_DIR), html=True), name="static")
59
60
 else:
60
61
     logger.warning("Static directory not found at %s – frontend will not be served", _STATIC_DIR)
 static/js/app.js
..
..
@@ -89,7 +89,7 @@
89
89
       }
90
90
       this.loading = true;
91
91
       try {
92
-        const res = await fetch('/api/status', {
92
+        const res = await fetch('/api/status/', {
93
93
           headers: { 'Authorization': 'Bearer ' + this.loginInput.trim() }
94
94
         });
95
95
         if (res.ok || res.status === 200) {
..
..
@@ -245,7 +245,7 @@
245
245
       this.loading = true;
246
246
       this.error = null;
247
247
       try {
248
-        const res = await api('/api/status');
248
+        const res = await api('/api/status/');
249
249
         if (!res.ok) throw new Error('HTTP ' + res.status);
250
250
         const data = await res.json();
251
251
         this.projects = this.groupByProject(data);
..
..
@@ -333,7 +333,7 @@
333
333
       this.loading = true;
334
334
       this.error = null;
335
335
       try {
336
-        const res = await api('/api/backups');
336
+        const res = await api('/api/backups/');
337
337
         if (!res.ok) throw new Error('HTTP ' + res.status);
338
338
         const data = await res.json();
339
339
         this.local = Array.isArray(data) ? data : Object.values(data).flat();
..
..
@@ -448,7 +448,7 @@
448
448
     async loadProjectList() {
449
449
       this.loadingProjects = true;
450
450
       try {
451
-        const endpoint = this.source === 'offsite' ? '/api/backups/offsite' : '/api/backups';
451
+        const endpoint = this.source === 'offsite' ? '/api/backups/offsite' : '/api/backups/';
452
452
         const res = await api(endpoint);
453
453
         if (!res.ok) throw new Error('HTTP ' + res.status);
454
454
         const data = await res.json();
..
..
@@ -587,7 +587,7 @@
587
587
       this.loading = true;
588
588
       this.error = null;
589
589
       try {
590
-        const res = await api('/api/status');
590
+        const res = await api('/api/status/');
591
591
         if (!res.ok) throw new Error('HTTP ' + res.status);
592
592
         const data = await res.json();
593
593
         this.projects = this.groupByProject(data);
..
..
@@ -691,7 +691,7 @@
691
691
     async fetchDisk() {
692
692
       this.loading.disk = true;
693
693
       try {
694
-        const res = await api('/api/system/disk');
694
+        const res = await api('/api/system//disk');
695
695
         if (!res.ok) throw new Error('HTTP ' + res.status);
696
696
         const data = await res.json();
697
697
         this.disk = Array.isArray(data) ? data : (data.filesystems || []);
..
..
@@ -705,7 +705,7 @@
705
705
     async fetchHealth() {
706
706
       this.loading.health = true;
707
707
       try {
708
-        const res = await api('/api/system/health');
708
+        const res = await api('/api/system//health');
709
709
         if (!res.ok) throw new Error('HTTP ' + res.status);
710
710
         const data = await res.json();
711
711
         this.health = Array.isArray(data) ? data : (data.checks || []);
..
..
@@ -719,7 +719,7 @@
719
719
     async fetchTimers() {
720
720
       this.loading.timers = true;
721
721
       try {
722
-        const res = await api('/api/system/timers');
722
+        const res = await api('/api/system//timers');
723
723
         if (!res.ok) throw new Error('HTTP ' + res.status);
724
724
         const data = await res.json();
725
725
         this.timers = Array.isArray(data) ? data : (data.timers || []);
..
..
@@ -733,7 +733,7 @@
733
733
     async fetchInfo() {
734
734
       this.loading.info = true;
735
735
       try {
736
-        const res = await api('/api/system/info');
736
+        const res = await api('/api/system//info');
737
737
         if (!res.ok) throw new Error('HTTP ' + res.status);
738
738
         this.info = await res.json();
739
739
       } catch (e) {