How can I run docker with multiple container nuxtjs on same domain - docker

Question

I create docker like this:
version: '3'
services:
nginx:
image: nginx
container_name: test1_nginx
restart: always
volumes:
- ./docker/nginx/nginx.conf:/etc/nginx/nginx.conf
ports:
- "80:80"
- "443:443"
site1:
restart: always
container_name: test1_site1
build: ./site1/
command: "npm run start"
ports:
- "3001:3001"
site2:
restart: always
container_name: test1_site2
build: ./site2/
command: "npm run start"
ports:
- "3002:3002"
with struct of project like this: struct of project
Here is ./docker/nginx/nginx.conf:
events {
worker_connections 1024;
}
http {
upstream site1 {
server localhost:3001;
}
upstream site2 {
server localhost:3002;
}
server {
listen 80;
listen [::]:80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm index.php;
}
location /site1 {
proxy_pass http://localhost:3001;
proxy_set_header Host $host;
}
location /site2 {
proxy_pass http://site2;
proxy_set_header Host $host;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
}
http://localhost:80 working fine
http://localhost:3001 working fine
http://localhost:3002 working fine
I want:
when I enter http://localhost/test1, it will pass proxy with http://localhost:3001
when I enter http://localhost/test3, it will pass proxy with http://localhost:3003
Please let me know how to do it.
Thank you