为 Create-React-App 设置 NGINX 去 localhost:3000

Question

我有一个 React 应用程序，它是使用 create-react-app 创建的，由 NGINX 服务器提供服务。我们将它设置为静态地为网站提供服务，我在那里做 npm run build 并且它当然将网站构建到 /build 目录。然后我将它 rsync 到某个目录，当然 nginx 配置文件有一个服务器条目设置来查看这个目录并为站点提供服务。一切正常。

但问题是因为这个网站非常大，你做的每一个小改动，你都必须重建网站（这需要一段时间）然后 rsync 过来。这不利于发展。当然这是相当标准的生产流水线。

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

如何设置 nginx 以路由到 localhost:3000 或一个特别独特的新 nginx server 条目。这里的目标是获得一个保持运行ning 并观察变化的服务器，我可以开发得非常非常快，而无需每次都进行构建。甚至可能还有其他比这更好的方法。

有人运行参与其中吗？解决方案是什么？

Answer 1

One of the frequent uses of nginx is setting it up as a proxy server, which means a server that receives requests, passes them to the proxied servers, retrieves responses from them, and sends them to the clients.

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

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

为 Create-React-App 设置 NGINX 去 localhost:3000

Setting up NGINX to go localhost:3000 for Create-React-App

nginx

node.js

reactjs

create-react-app

nginx-config