如何更改本地部署的 React 应用程序的域名

Question

我有一个在 localhost 端口 3000 上运行的 React 应用程序，但我想将自定义域名设置为 mydomain.com，而不是使用 localhost:3000。我已经在 Windows 主机文件中进行了更改

127.0.0.1 mydomain.com

但我想我必须在我的反应应用程序中指定来查看这个域而不是本地主机。我怎样才能做到这一点？

我试过 ："start": "set HOST=videowall.com && set PORT=3006 && react-scripts start",

但它正在回归 Error: getaddrinfo ENOTFOUND videowall.com

Answer 1

您需要将此行添加到您的主机文件中：

• Unix/Linux：/etc/hosts
• 视窗：C:\Windows\System32\Drivers\etc\hosts

127.0.0.1 videowall.com

注意：如果您需要像我一样从开发机器中访问它，请更改127.0.0.1为0.0.0.0.

使用.envReact 项目根目录中的文件而不是导出/设置环境，内容如下：

HOST='videowall.com'
PORT=3006

就是这样。

Answer 2

在 package.json 文件中进行以下更改

"start": "HTTPS=true HOST=mycompany.com PORT=3001 反应脚本启动",

Answer 3

一般来说，create-react-app假设它托管在服务器根目录下。如果您想修改此行为，请参阅创建 React 应用程序文档以获取相对路径。您可以在您的package.jsonunder中指定它homepage。

"homepage": "http://mywebsite.com/relativepath",

根据您对错误的描述，我建议修改您的主机文件应该没问题。您应该检查本地域是否解析为正确的 IP。

在 mac/unix 上尝试traceroute mydomain.com 在 windows 上尝试tracert mydomain.com