React.js:如何在不同的端口上启动React应用程序

Question

我刚刚开始学习React.js，并使用Create React App做了两个项目。

现在，如果我想同时启动两个项目，我不能，因为默认情况下，两个项目都在3000端口启动。

有什么方法可以将其中一个的默认端口更改为其他端口吗http://localhost:3001并同时运行它们？

注意：我是Windows用户

Answer 1

从package.json的scripts部分修改start命令。

"start": “set PORT=3005 && react-scripts start"

还有其他几种方式。请参阅此链接https://tech.amikelive.com/node-830/reactjs-changing-default-port-3000-in-create-react-app/

PS：您可以指定所需的端口号。

Answer 2

您可以在项目的根目录中创建一个.env文件，然后将其放入其中：

PORT=3001

那么你就不必担心Windows与Mac/Linux之间的差异了。