如何将 React localhost (127.0.0.1:3000) 更新到另一个域 (local.example.com)答案

【问题标题】：How to update React localhost (127.0.0.1:3000) to another domain (local.example.com)如何将 React localhost (127.0.0.1:3000) 更新到另一个域 (local.example.com)
【发布时间】：2019-11-17 08:00:12
【问题描述】：

我正在设置一个 Localhost 域，以便它可以与此第三方 API 和 Auth 服务器进行通信。例如，将 127.0.0.1 更改为 local.example.com

local.example.com 是该第三方企业列入白名单的域。我需要进行设置，这样我才能运行 API 路由。

我能够在 C:\Windows\System32\drivers\etc\hosts 文件中本地更改 127.0.0.1，现在 Node.js 正在其上运行。

我将 webpack 配置 devServer - host 添加到 local.example.com，但端口仍然存在。我需要了解如何更改它以做出反应，因为现在它正在移植到 local.example.com:3000。

【问题讨论】：

标签： javascript node.js reactjs web-development-server

【解决方案1】：

聚会有点晚了，但它仍然可能有用。

转到C:\Windows\System32\drivers\etc\hosts 并添加此行：

127.0.0.1       local.example.com

在 React 项目中，添加一个 .env 文件，其中包含：

HOST=local.example.com
PORT=3006

【讨论】：

【解决方案2】：

我想你快到了 :-) devServer 选项有一个 port 属性。将其设置为 8080 或 80。重新启动您的服务器。然后，打开浏览器并尝试将其从 URL 中移除

【讨论】：

谢谢！这绝对适用于 HTTP。我现在正在尝试为 HTTPS 进行这项工作，但返回的结果是 local.example.com:80。你有什么想法在 HTTPS 上解决这个问题吗？

【解决方案3】：

在四处挖掘之后，我找到了一些解决方案。重要的是，我的目标是将http://localhost:3000 设置为http://local.example.com。

1. Add local.example.com to your hosts file (windows)
2. Set up your react port to 80
This would remove the 3000 on local.example.com:3000 to local.example.com

On HTTPS request, set the port to 443
This would result to https://local.example.com

【讨论】：