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

Question

我有一个在 localhost 端口 3000 上运行的 React 应用程序，但我想将自定义域名设置为 mydomain.com，而不是使用 localhost:3000。我已经将 Windows 主机文件更改为
127.0.0.1 mydomain.com
但我想我必须在我的 react 应用程序中指定查看这个域而不是本地主机。我怎样才能做到这一点？

我试过:"start": "set HOST=videowall.com && set PORT=3006 && react-scripts start",
但它正在返回Error: getaddrinfo ENOTFOUND videowall.com

Answer 1

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

Unix/Linux:/etc/hosts

window :C:\Windows\System32\Drivers\etc\hosts

127.0.0.1 videowall.com

注意:如果您需要像我一样从开发机器中访问它，请更改 127.0.0.1至 0.0.0.0 .
使用 .env在 React 项目的根目录中创建一个文件，而不是导出/设置 envs，内容如下:

HOST='videowall.com'
PORT=3006

就是这样。