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

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

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

当前回答

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

yourapp/scripts/start.js

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

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

希望这对你有所帮助;)

其他回答

只需在webpack.config.js中更新一点:

devServer: {
    historyApiFallback: true,
    contentBase: './',
    port: 3000 // <--- Add this line and choose your own port number
}

然后再次运行NPM start。

可以在包中指定端口。通过定义端口号:

"scripts": {
"start": "PORT=3006 react-scripts start"}

或在终端运行脚本时可以指定端口:

PORT=3003 npm start

很多答案都没有提到windows的一个关键部分。对我来说，在windows中的指定端口运行react应用程序的工作是使用以下命令。您可以从下面的示例更改端口号。别忘了用&&。

set PORT=4200 && react-scripts start

对于我的windows朋友们，我发现了一种改变ReactJS端口的方法，可以在任何你想要的端口上运行。在运行服务器之前，请转到

 node_modules/react-scripts/scripts/start.js

在其中，搜索下面的行并将端口号更改为所需的端口

 var DEFAULT_PORT = process.env.PORT || *4000*;

这样就可以开始了。

我只是在项目的根目录中创建了.env，并更改PORT=3001

推荐文章