Feat: Configure proxy for dev server

api/config/environments/development.rb

@@ -63,4 +63,6 @@
 
   # Uncomment if you wish to allow Action Cable access from any origin.
   # config.action_cable.disable_request_forgery_protection = true
+
+  config.hosts << 'api'
 end

api/config/initializers/cors.rb

@@ -7,12 +7,12 @@
 
 # Read more: https://github.com/cyu/rack-cors
 
-Rails.application.config.middleware.insert_before 0, Rack::Cors do
-  allow do
-    origins 'http://localhost:5173'
+# Rails.application.config.middleware.insert_before 0, Rack::Cors do
+#   allow do
+#     origins 'http://localhost:5173'
 
-    resource '*',
-             headers: :any,
-             methods: %i[get post put patch delete options head]
-  end
-end
+#     resource '*',
+#              headers: :any,
+#              methods: %i[get post put patch delete options head]
+#   end
+# end

client/src/app/api/agent.ts

@@ -2,8 +2,9 @@ import axios, { AxiosError, AxiosResponse } from "axios";
 import { toast } from "react-toastify";
 import { router } from "../router/Routes";
 
+axios.defaults.baseURL = "/api/v1";
+
 const sleep = () => new Promise((resolve) => setTimeout(resolve, 500));
-axios.defaults.baseURL = "http://localhost:3000/api/v1";
 const responseBody = (response: AxiosResponse) => response.data;
 
 axios.interceptors.response.use(

client/vite.config.ts

@@ -8,4 +8,12 @@ export default defineConfig({
     outDir: "../api/public",
     emptyOutDir: true,
   },
+  server: {
+    proxy: {
+      "/api/v1": {
+        target: "http://api:3000",
+        changeOrigin: true,
+      },
+    },
+  },
 });