Add nginx proxy to microservices

backend/question-service/src/server.ts

@@ -18,7 +18,7 @@ app.use(cors({
 }));
 
 // Routes
-app.use("/api/questions", questionRoutes);
+app.use("/", questionRoutes);
 
 // Start the server
 app.listen(PORT, () => {

frontend/.env.sample

@@ -1,3 +1,7 @@
 PORT=3000
 REACT_APP_QUESTION_SERVICE_URL=http://localhost:3002
 REACT_APP_USER_SERVICE_URL=http://localhost:3001
+
+# In docker
+REACT_APP_QUESTION_SERVICE_URL=http://localhost/api/questions/
+REACT_APP_USER_SERVICE_URL=http://localhost/api/users/

frontend/nginx/sites-enabled/app.conf

@@ -5,4 +5,12 @@ server {
     location / {
         root /app;
     }
+
+    location /api/questions/ {
+        proxy_pass http://question:3002/;
+    }
+
+    location /api/users/ {
+        proxy_pass http://user:3001/;
+    }
 }

frontend/src/services/question.service.ts

@@ -11,7 +11,7 @@ export default class QuestionService {
   });
 
   static async getQuestions(): Promise<Question[]> {
-    const response = await QuestionService.client.get("/api/questions");
+    const response = await QuestionService.client.get("/");
     return response.data;
   }
 
@@ -24,7 +24,7 @@ export default class QuestionService {
     link: string,
   ): Promise<any> {
     const body = verifyNewQuestion(id, title, description, categoriesString, complexity, link);
-    const response = await QuestionService.client.post("/api/questions", body);
+    const response = await QuestionService.client.post("/", body);
     return response.data;
   }
 
@@ -37,12 +37,12 @@ export default class QuestionService {
     link: string,
   ): Promise<any> {
     const body = verifyNewQuestion(id, title, description, categoriesString, complexity, link);
-    const response = await QuestionService.client.put(`/api/questions/${id}`, body);
+    const response = await QuestionService.client.put(`/${id}`, body);
     return response.data;
   }
 
   static async deleteQuestion(id: number): Promise<any> {
-    const response = await QuestionService.client.delete(`/api/questions/${id}`);
+    const response = await QuestionService.client.delete(`/${id}`);
     return response.data;
   }
 }