创建 React 应用程序：如何让最终端口 dev-server 在其上运行答案

【问题标题】：Create React App: how to get final port dev-server running on创建 React 应用程序：如何让最终端口 dev-server 在其上运行
【发布时间】：2019-12-19 13:07:06
【问题描述】：

您可以从https://facebook.github.io/create-react-app/docs/advanced-configuration 向BROWSER 环境变量提供自己的脚本。

在这个脚本上，我想打开指向其他页面的链接，并使用查询参数重定向到在 localhost 上运行的开发服务器的端口。

即使我使用BROWSER=open.js PORT=4000 npm run start，端口4000 也可能被占用，这就是https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/start.js#L87 中的choosePort 所做的；它会在提供的端口周围找到第一个可用的端口。

我的问题是：给定我的open.js，我怎样才能找到开发服务器正在运行的实际端口？

【问题讨论】：

标签： javascript reactjs create-react-app

【解决方案1】：

要获取当前端口，您可以使用：

console.log(window.location.port)

window.location 还提供了更多有用的信息。

【讨论】：

不工作 - 我在问如何获取服务器上的端口，而不是浏览器。

【解决方案2】：

我发现process.argv 实际上包含您的开发服务器的 URL（带端口）。

console.log(process.argv)

提供：

[ '/usr/local/bin/node',
  '/path/to/my/custom/openBrowser.js',
  'http://localhost:3000/' ]

【讨论】：