我可以获取运行端口吗？

Question

我想在我的 React 应用程序中显示本地服务器的运行端口，有什么方法可以以编程方式获取它？如果某些内容已经在 create-react-app 的默认端口上运行，则运行端口可能会延迟。

Answer 1

create-react-app 是一个 React 工具链，它将一些有用的工具打包在一起，让您无需任何初始设置即可投入开发。本地开发服务器是该工具链的一部分，它的唯一目的是提供您的 React 应用程序所需的静态文件。

当然，create-react-app 允许您使用环境变量配置一些选项，但它并不意味着充当您的 React 应用程序的后端。

您可以通过编写端点来获取服务器端口，使用自己的后端来实现此目的，但对于本地服务器，我认为这是不可能的。

Answer 2

您可以使用 process.env.PORT 来完成

Answer 3

此功能不可用，因为 React App 和本地服务器独立运行。
但是，当您启动服务器时，您的服务器端口将可用。因此，您可以使用另一个 API，它可以简单地获取服务器的端口并可以相应地显示。
服务器上有这样的东西。

app.get('/server/port', (req, res) => {
  return res.json({port: server.address().port})
})

您的服务器启动位置

const server = app.listen(20000)

在React应用程序中，您可以有这样的

fetch

请求

fetch('http://localhost:20000/server/port')
  .then(response => response.json())
  .then(data => console.log(data));
  // you will have the port no. in data.port

这会对你有帮助。