setup vite proxy for development

client/src/Pages/ProcessingPage.tsx

@@ -47,14 +47,14 @@ function ProcessingPage() {
 
     console.log("Starting processing...");
 
-    processStep("http://127.0.0.1:8000/api/normalize", () => {
-      processStep("http://127.0.0.1:8000/api/trim", () => {
+    processStep("/api/normalize", () => {
+      processStep("/api/trim", () => {
         if (response.audio_class === "Music") {
-          processStep("http://127.0.0.1:8000/api/resample", () => {
-            processStep("http://127.0.0.1:8000/api/separate", () => setProgress(100), 100, "Separating sources into vocals, bass, drums and other...");
+          processStep("/api/resample", () => {
+            processStep("/api/separate", () => setProgress(100), 100, "Separating sources into vocals, bass, drums and other...");
           }, 75, "Resampling audio to 44100Hz...", { sr: "44100" });
         } else {
-          processStep("http://127.0.0.1:8000/api/noisereduce", () => setProgress(100), 100, "Reducing background noise from the audio...");
+          processStep("/api/noisereduce", () => setProgress(100), 100, "Reducing background noise from the audio...");
         }
       }, 50, "Trimming silent parts from the audio...");
     }, 25, "Normalizing audio frequency...");

client/src/Pages/UploadPage.tsx

@@ -91,7 +91,7 @@ function UploadPage() {
         file_uuid: string;
         sr: number;
         audio_class: string;
-      }>("http://127.0.0.1:8000/api/upload", formData, {
+      }>("/api/upload", formData, {
         headers: {
           "Content-Type": "multipart/form-data",
         },

client/vite.config.ts

@@ -4,4 +4,12 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+    },
+  },
 })