nginx为子目录设置反向代理，页面为空白

Question

我正在尝试设置一个子目录/路由，例如example.com/nodeapp

我有一个运行在端口5000上的react + express应用程序（nodeapp），我已经设置了一个反向代理，因此访问者浏览example.com/nodeapp将是react + Express应用程序（nodeapp）。

但是，我在浏览example.com/nodeapp时出现问题，页面空白。

/ etc / nginx / sites-enabled / default

    location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            #try_files $uri $uri/ =404;
            proxy_pass http://localhost:3000/;
    }

    location ^~ /nodeapp/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass    http://localhost:5000/;
    }

如您所见，如果我在端口3000上运行nodeapp并转到example.com，则默认（/）页上也有一个反向代理端口3000。该应用程序有效；它显示。

此外，我有一个快递应用程序（仅快递代码）；它会在页面上显示“ hello world”；如果我在端口5000上运行它，然后转到example.com/nodeapp，它确实可以工作；它显示“你好世界”

所以我假设为React + Express应用程序的子目录/路由设置反向代理不起作用？

任何人都对nginx代码有任何解决方案，因此浏览example.com/nodeapp将显示nodeapp？

此外，我收到以下错误