Приложение React не запускается из URL-адреса, как установлено обратным прокси-сервером nginx, но происходит, когда порт явно установлен

Question

Я пытаюсь запустить одно приложение реакции на отдельном порту и использую передачу прокси из nginx в папку '/ app'

"http://localhost/app" -> Реакция применения

Приложение работает под управлением PM2, используя сгенерированную сборку с командой: 'pm2 serve build 3002'.

Я думал, что я все это проверю локально и затем перенесу на свой собственный домен.

Я поменял 'localhost' на '127.0.0.1' на тот случай, если это как-то связано с ним.

Из онлайн-уроков я обнаружил следующее в моем файле nginx "../sites-available/my_domain"

server {
        listen 80;
        listen [::]:80;

        server_name localhost;

        location / {
                root /var/www/my_domain/html;
                index index.html index.htm index.nginx-debian.html;
                try_files $uri $uri/ =404;
        }

        location /app {
                proxy_pass http://localhost:3002;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
        }
}

Если я наберу "http://localhost:3002" в URL, он будет работать нормально, однако" http://localhost/app" не будет работать и отобразит ошибку 404.

Примечание: "http://localhost" работает нормально и указывает на файл index.html, хранящийся в корневом каталоге.