How I combine multiple apps in one? #3470

bylly1 · 2023-01-25T19:06:18Z

bylly1
Jan 25, 2023

I have multiple vite react apps and I want to combine in a single app:
home: http://localhost:3000
app1: http://localhost:3001
app2: http://localhost:3002

For routing inside the apps I'm using react-router v6.4

I want the following thing:
http://localhost to be redirected to home app
http://localhost/app1 to be redirected to http://localhost:3001` (app1)
http://localhost/app2 to be redirected to http://localhost:3002 (app2)

For that I configured a nginx reverse proxy like that but didn t work

server {
 location \ {
   proxy_pass http://localhost:3000;
 }
location \app1 {
  proxy_pass http://localhost:3001;
}
location \app2 {
  proxy_pass http://localhost:3002;
}
}

All the request goes to the location \ . I tried also to pass the location like this location = \ {...} but still don't work.

Is somebody here that faced the problem?