frontend.cpp: use relative paths in fetch() (#4) (cherry-picked)

With absolute paths, there's no way to change base url.

Author: mord0d

examples/server/frontend.cpp

@@ -389,7 +389,7 @@ R"xxx(
         }
         const modelIdElement = document.getElementById('model-id');
         async function fetchModelId() {
-            const response = await fetch('/model');
+            const response = await fetch('model');
             const data = await response.json();
             let modelIdText = '';
             if (data.model) {
@@ -423,7 +423,7 @@ R"xxx(
             modelIdElement.textContent = modelIdText;
         }
         async function fetchSampleMethods() {
-            const response = await fetch('/sample_methods');
+            const response = await fetch('sample_methods');
             const data = await response.json();
             const select = document.getElementById('sample_method');
             data.forEach(method => {
@@ -434,7 +434,7 @@ R"xxx(
             });
         }
         async function fetchSchedules() {
-            const response = await fetch('/schedules');
+            const response = await fetch('schedules');
             const data = await response.json();
             const select = document.getElementById('schedule_method');
             data.forEach(schedule => {
@@ -445,7 +445,7 @@ R"xxx(
             });
         }
         async function fetchPreviewMethods() {
-            const response = await fetch('/previews');
+            const response = await fetch('previews');
             const data = await response.json();
             const select = document.getElementById('preview_mode');
             if (data) {
@@ -459,7 +459,7 @@ R"xxx(
             }
         }
         async function fetchModelsEncodersAE() {
-            const response = await fetch('/models');
+            const response = await fetch('models');
             const data = await response.json();
             const modelsSelect = document.getElementById('model');
             if (data.models.length > 0) {
@@ -568,7 +568,7 @@ R"xxx(
             }
         }
         async function fetchParams() {
-            const response = await fetch('/params');
+            const response = await fetch('params');
             const data = await response.json();
             document.getElementById('prompt').value = data.generation_params.prompt;
             document.getElementById('neg_prompt').value = data.generation_params.negative_prompt;
@@ -655,7 +655,7 @@ R"xxx(
                 ...(preview_mode && { preview_mode: preview_mode }),
                 ...(preview_interval && { preview_interval: preview_interval }),
             };
-            const response = await fetch('/txt2img', {
+            const response = await fetch('txt2img', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json'
@@ -666,7 +666,7 @@ R"xxx(
             const taskId = data.task_id;
             let status = 'Pending';
             while (status !== 'Done' && status !== 'Failed') {
-                const statusResponse = await fetch(`/result?task_id=${taskId}`);
+                const statusResponse = await fetch(`result?task_id=${taskId}`);
                 const statusData = await statusResponse.json();
                 if (status == 'Pending' && statusData.status != status) {
                     setTimeout(() => {
@@ -770,4 +770,4 @@ R"xxx(
     </script>
 </body>
 </html>
-)xxx";
+)xxx";