diff --git a/web/vite.config.ts b/web/vite.config.ts
index 90799e0..6c77c1a 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -4,8 +4,20 @@ import tailwindcss from "@tailwindcss/vite";
 import { resolve } from "path";
 
 // https://vite.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [react(), tailwindcss()],
+  server:
+    mode === "development"
+      ? {
+          proxy: {
+            "/api": {
+              target: "http://127.0.0.1:3001",
+              changeOrigin: true,
+              secure: false,
+            },
+          },
+        }
+      : undefined,
   build: {
     outDir: "../dist",
     emptyOutDir: true,
@@ -16,4 +28,4 @@ export default defineConfig({
     },
   },
   base: "/",
-});
+}));