Proxy api requests and allow setting api root

ArroyoSystems · Aug 8, 2023 · 39c1bd6 · 39c1bd6
1 parent 81337f6
commit 39c1bd6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/arroyo-console/src/lib/data_fetching.ts b/arroyo-console/src/lib/data_fetching.ts
@@ -18,7 +18,7 @@ export type OperatorMetricGroup = schemas['OperatorMetricGroup'];
 export type Connector = schemas['Connector'];
 export type Checkpoint = schemas['Checkpoint'];
 
-const BASE_URL = 'http://localhost:8000/api';
+const BASE_URL = '/api';
 export const { get, post, patch, del } = createClient<paths>({ baseUrl: BASE_URL });
 
 const processResponse = (data: any | undefined, error: any | undefined) => {

diff --git a/arroyo-console/vite.config.ts b/arroyo-console/vite.config.ts
@@ -1,7 +1,14 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    proxy: {
+      '/api': {
+        target: process.env.API_ROOT || 'http://localhost:8000',
+      },
+    },
+  },
 });