如何使用Nginx在同一服务器上托管两个reactJS应用程序？

Question

我正在尝试使用同一台服务器托管两个reactJS应用程序，我的两个版本都在这两个目录中 / var / www / html / test1和/ var / www / html / test2

这是我的Nginx配置

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

        server_name _;
          #location / {
        #       try_files $uri $uri/ /index.html;
        #i}
        #
        location / {
                root /var/www/html/test1;
                try_files $uri $uri/ /index.html;
        }
        location /test1 {
                 # rewrite ^/test1/(.*)$ /$1 break;
                  proxy_pass http://private_ip:8081;
                 }
        location /test2 {
                 # rewrite ^/test2/(.*)$ /$1 break;
                  proxy_pass http://private_ip:8082;
                   }
        }

server {
       listen 8081;
       listen [::]:8081;

       server_name _;

       root /var/www/html/test1;
       index index.html;

       location / {
               try_files $uri $uri/ /index.html;
       }
}

server {
       listen 8082;
       listen [::]:8082;

       server_name _;

       root /var/www/html/test2;
       index index.html;

       location / {
               try_files $uri $uri /index.html;
       }
}

当我路由到这些站点时，我得到一个空白页，但是如果我在这些目录中放置静态文件而不是构建文件，则可以正常工作。这可能是什么问题？