From 20a4d60f219d8dfb38e853b0ba3276c8dabf7611 Mon Sep 17 00:00:00 2001
From: "XPS\\Micro" <Rainer Wieland>
Date: Thu, 19 Mar 2026 07:18:15 +0100
Subject: [PATCH] fix: Fix API paths in Dictionary template for Traefik routing

- API calls were using absolute paths (/api/words) but container runs under path prefix
- Added apiBase variable to extract current pathname
- All fetch calls now use relative paths: ${apiBase}/api/words
- Fixes 404 errors when accessing Dictionary template through Traefik
---
 user-template-dictionary/templates/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/user-template-dictionary/templates/index.html b/user-template-dictionary/templates/index.html
index 6f2ef65..aa0243d 100644
--- a/user-template-dictionary/templates/index.html
+++ b/user-template-dictionary/templates/index.html
@@ -419,6 +419,9 @@
     </div>
 
     <script>
+        // API Base Path (einbeziehen aktuellen Pfad für Traefik Routing)
+        const apiBase = window.location.pathname.replace(/\/$/, '');
+
         // State Management
         let words = [];
         let isLoading = false;
@@ -442,7 +445,7 @@
             wordsList.innerHTML = '<div class="loading"><div class="spinner"></div></div>';
 
             try {
-                const response = await fetch('/api/words');
+                const response = await fetch(`${apiBase}/api/words`);
                 if (!response.ok) throw new Error('Fehler beim Laden');
 
                 const data = await response.json();
@@ -494,7 +497,7 @@
             btn.textContent = 'Wird gespeichert...';
 
             try {
-                const response = await fetch('/api/words', {
+                const response = await fetch(`${apiBase}/api/words`, {
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json'
@@ -526,7 +529,7 @@
             if (!confirm('Wort wirklich löschen?')) return;
 
             try {
-                const response = await fetch(`/api/words/${id}`, {
+                const response = await fetch(`${apiBase}/api/words/${id}`, {
                     method: 'DELETE'
                 });