ReactJS 应用程序更改端口

ReactJS 是一种 JavaScript 库，用于构建大规模的 Web 应用程序， 它使用了声明式的编程风格，更加迎合开发者的需求。

ReactJS 应用程序的默认端口是 3000，在某些情况下需要将其更改为其他端口。本文将为您介绍如何更改 ReactJS 应用程序的端口。

首先，进入 ReactJS 应用程序的根目录，找到 package.json 文件。打开此文件并找到以下行：

"scripts": {
 "start": "react-scripts start",
 ...
}

在这些脚本中，我们找到一个名为 start 的脚本。它将启动 ReactJS 应用程序。在这里，我们可以将端口信息作为环境变量传递给此脚本。例如，要将端口更改为 4000，请将以下行添加到 scripts 部分中：

"scripts": {
 "start": "set PORT=4000 && react-scripts start",
 ...
}

在这个例子中，我们使用了 set 命令将端口 4000 赋值给了 PORT 环境变量。随后，通过 '& ' 连接符，我们将 react-scripts start 命令与之前的命令连接在了一起。

保存此更改并返回终端窗口，运行以下命令：

npm start

现在，您的应用程序应在端口 4000 上运行。您可以通过访问 http://localhost:4000 来访问。

在这里我们可以看到更改 ReactJS 应用程序端口的方法，您可以根据需要更改端口。祝您开发愉快！