为在开发模式下运行的ReactJS应用创建URL映射

Question

我已经为此停留了一段时间。我有一个在端口号ReactJS上以开发模式运行的3000应用程序。我正在尝试使用nginx创建一个映射，以便将avt1.example.com/demo处的所有请求都路由到http://localhost:3000/demo，但这是行不通的，我只看到一个空白页。但是，如果我尝试avt1.example.com:3000/demo，它会按预期工作。我不明白我要去哪里错了。这是我为nginx和example.com]创建的配置文件

    server {
        listen 80;
        server_name avt1.example.com www.avt1.example.com;
        location /demo {
                # pass to ReactJS app
                proxy_pass http://localhost:3000;
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
        location / {
                # pass to NodeJS app
                proxy_pass http://localhost:3001;
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
}
我缺少或做错了什么？我使用yarn start启动了react-app，如果我将端口号提供给域，则可以正常工作。

此外，如果有人建议以更好的方式运行ReactJS应用，请告诉我。

我已经为此停留了一段时间。我有一个运行在开发模式下，端口号为3000的ReactJS应用程序。我正在尝试使用nginx创建映射，以便所有请求都位于avt1.example.com / ...

Answer 1

您的问题缺少节点js代码，因此我想您也在那里的nodejs代码中也设置了“演示” URL。因此，您需要将站点启用的配置编辑为以下内容