如何在反应中将 localhost:3000 更改为 custom.domain答案

【问题标题】：How do I change localhost:3000 to custom.domain in react如何在反应中将 localhost:3000 更改为 custom.domain
【发布时间】：2022-01-03 09:52:29
【问题描述】：

 "scripts": {
    "start": "cross-env NODE_PATH=src react-scripts start",
    "build": "cross-env NODE_PATH=src react-scripts build",
  }

如何在 react 中将 localhost:3000 更改为 custom.domain

【问题讨论】：

您想更改端口对吗？ 3000 到另一个？

标签： javascript reactjs frontend cross-domain react-scripts

【解决方案1】：

您不能在本地开发中将 localhost 更改为 mydomain.com。得益于由 Webpack 提供支持的本地开发服务器（它是在您的 Create React 应用程序的引擎盖下制作的），您的 react 应用程序可以在您自己的浏览器中使用。

如果您需要自定义域，则需要将代码托管在服务器上。服务器将有一个 IP 地址。然后，您可以通过任何提供商为其附加自定义域名。

当用户尝试访问您的网站时，他会向 DNS 服务器发送请求，该服务器会找到绑定到您的自定义域名的正确 IP，然后将代码发回给他以显示您的网站。

【讨论】：

【解决方案2】：

如果您想更改域，您需要将您的 React 应用上传到网络空间。如果要更改端口，则需要在启动脚本中发送参数。

"scripts": {
    "start": "set port=4213 && react-scripts start",
}

在这种情况下，端口将是 4213。因此站点将在 http://localhost:4213 上运行

【讨论】：

【解决方案3】：

您可以通过对package.json 文件中的启动命令进行以下更改来更改端口。

"scripts": {
    "start": "PORT=8050 react-scripts start",
  }

如果您想连接到自定义域，那么托管是最佳选择。

其他选项是先更改端口号，然后使用ngrok 之类的服务来公开该端口。

【讨论】：