如何指定一个端口运行一个创建-反应-基于应用程序的项目?

我的项目是基于创建-反应-应用程序。NPM启动或yarn启动默认将在端口3000上运行应用程序，在package.json中没有指定端口的选项。

在这种情况下，如何指定自己选择的端口?我想同时运行这个项目的两个(用于测试)，一个在端口3005，另一个是3006

当前回答

方法1

在项目的根目录下创建.env文件

像这样设置

PORT=3005

方法2

在package.json

set PORT=3006 && react-scripts start

其他回答

这里有另一种方法来完成这项任务。

在项目根目录下创建一个.env文件，并指定端口号。如:

PORT=3005

在我的例子中，我的react项目有两个文件:.env和.env.development。

我把这个添加到.env.development中，让它与npm start命令一起工作，用于开发:

PORT=3001

试试这个:

npm start port=30022

您可以在启动应用程序时找到默认端口配置

yourapp/scripts/start.js

向下滚动并将端口更改为您想要的任何端口

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 4000;

希望这对你有所帮助;)

总之，我们有三种方法来实现这一目标:

设置名为“PORT”的环境变量修改package.json中“scripts”部分的“start”键创建一个.env文件，并将PORT配置放在其中

最可移植的方法是最后一种方法。但正如其他帖子所提到的，将.env添加到.gitignore中，以避免将配置上传到公共源存储库。

更多细节:这篇文章

推荐文章