如何在本地部署的React应用上更改域名

2024-05-21 • 问答

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

127.0.0.1 mydomain.com

但是我想我必须在我的react应用程序中指定才能查看此域而不是localhost。我该怎么办？

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

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

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

"start": "HTTPS=true HOST=mycompany.com PORT=3001 react-scripts start",

通常create-react-app确实假定它托管在服务器根目录下。如果您想修改此行为，请参考create react app documentation了解相对路径。您可以在package.json下的homepage中指定它。

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

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

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

如果您使用的是 webpack ，则devServer中有一个名为host的属性，您可以在那里更改应用程序的主机名。