为 Create-React-App 设置 NGINX 到 localhost:3000答案

【问题标题】：Setting up NGINX to go localhost:3000 for Create-React-App为 Create-React-App 设置 NGINX 到 localhost:3000
【发布时间】：2021-01-25 01:23:48
【问题描述】：

我有一个使用从 NGINX 服务器提供的 create-react-app 创建的反应应用程序。我们将其设置为静态地为站点提供服务，我在其中进行npm run build，它当然会将站点构建到/build 目录。然后我将它同步到某个目录，当然 nginx 配置文件有一个服务器条目设置来查看该目录并为该站点提供服务。一切正常。

但问题是因为这个站点非常大，你所做的每一个小改动，你都必须重建站点（这需要一段时间），然后重新同步它。这对发展不利。当然这是非常标准的生产流水线。

我需要做的是能够从我的目录运行npm start，它会调用create-react-app 开发服务器（内置），我假设它现在从localhost:3000 提供服务。

如何设置 nginx 以路由到 localhost:3000 或特别独特的新 nginx server 条目。这里的目标是让服务器保持运行并监视更改，并且我可以开发得更快，而无需每次都进行构建。可能还有其他方法比这更好。

有人遇到过这个问题，解决办法是什么？

【问题讨论】：

标签： node.js reactjs nginx create-react-app nginx-config

【解决方案1】：

nginx 的一个常见用途是将其设置为代理服务器，这意味着服务器接收请求，将它们传递给代理服务器，从中检索响应，并将它们发送给客户端。

在您的情况下，代理可能如下：

server {
    location / {
        proxy_pass http://localhost:3000;
    }
}

【讨论】：