使用 localhost 而不是 localhost:8081 我有 nginx、webpack、react stack 如何？答案

【问题标题】：Using localhost instead of localhost:8081 I have nginx, webpack, react stack how?使用 localhost 而不是 localhost:8081 我有 nginx、webpack、react stack 如何？
【发布时间】：2020-10-22 17:57:36
【问题描述】：

所以，我目前需要创建一个应用程序，您可以在本地使用“localhost”而不是当前的“localhost:8081”。

我目前正在使用这个堆栈：

网页包
webpack-dev-server（这是给我 localhost:8081 的原因）
反应

我目前在我的机器上安装了 nginx。是否有指南或有人给我一个想法如何解决这个问题？我假设我必须在 nginx.conf 文件中设置本地主机。但是如何让所有这些都与 webpack 和 express 服务器一起工作？

我不明白的。

如何让我的 localhost:8081 到 localhost 上的服务器
如何让我的 webpack-dev-server 与 express 服务器一起工作 ----- 原因是我需要在 staging 环境中启动它，显然我不能使用 webpack-dev-server，所以我很好奇如何在本地使用 webpack 和 express 来实现。

注意：我知道 webpack-dev-server 仅适用于 DEV。但是，我想设置 nginx，所以我可以尝试使用 localhost 而不是 localhost:8081 ..

有什么帮助吗？

【问题讨论】：

部署时确定不使用 webpack-dev-server 吗？顾名思义，这仅用于本地开发。通常，您会像任何其他静态网站一样构建项目并在服务器上提供生成的文件。
不，只是本地

标签： reactjs express nginx webpack-dev-server

【解决方案1】：

您需要在登台机器上创建一个反向代理。您的初始请求将来自端口 80，并将转发到在您的 8081 端口上运行的本地服务器。请在此处阅读有关如何配置环境的更多信息 reverse proxy

【讨论】：

那么你将如何在本地将 localhost:8081 设置为 localhost？
不。假设我们有一个名为 aaa.com 的域。请求被执行到服务器。在这里，nginx 接受请求并转发到另一个运行在当前机器上但在端口 8081 上的 Web 服务器。