Reactjs 如何更改本地应用程序上的域名

Reactjs 如何更改本地应用程序上的域名,reactjs,dns,Reactjs,Dns,我有一个react应用程序在localhost端口3000上运行,但我想将自定义域名设置为mydomain.com,而不是使用localhost:3000。我已将windows主机文件中的更改更改为 127.0.0.1 mydomain.com 但我想我必须在我的react应用程序中指定查看此域,而不是本地主机。我该怎么做 我试过:“开始”:“set HOST=videowall.com&&set PORT=3006&&react脚本开始”, 但它正在回归 错误:getaddrinfo ENOT

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

127.0.0.1 mydomain.com

但我想我必须在我的react应用程序中指定查看此域,而不是本地主机。我该怎么做

我试过:
“开始”:“set HOST=videowall.com&&set PORT=3006&&react脚本开始”,

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

通常
create react app
假定它托管在服务器根目录下。如果要修改此行为,请参阅以获取相对路径。您可以在
主页下的
package.json
中指定它

"homepage": "http://mywebsite.com/relativepath",
根据您对错误的描述,我建议修改您的主机文件就可以了。您应该检查域是否在本地解析为正确的IP

在mac/unix上,请尝试
traceroute mydomain.com

在windows上尝试
tracert mydomain.com

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

您需要将此行添加到主机文件:

  • Unix/Linux:
    /etc/hosts
  • Windows:
    C:\Windows\System32\Drivers\etc\hosts
注意:如果您需要像我一样从您的开发机器访问此文件,请将
127.0.0.1
更改为
0.0.0

使用React项目根目录中的
.env
文件,而不是导出/设置env,内容如下:

HOST='videowall.com'
PORT=3006

就这样。

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


“开始”:“HTTPS=true HOST=mycompany.com PORT=3001 react scripts start”,

这个副本对我很有用,但我不得不删除主机名周围的单引号。所以:HOST=videowall.com
HOST='videowall.com'
PORT=3006