如何像3129一样设置React自定义端口

Question

我的项目基于create-react-app。默认情况下，npm start或yarn start将在端口3000上运行该应用程序，并且无法在package.json中指定端口。

Answer 1

  

只需更新 webpack.config.js ：

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

然后再次运行npm start 这会将该应用程序的默认端口设置为您指定的

  

或者：   从以下位置修改package.json的一部分：

"start": "react-scripts start"

对于Linux和MacOS：

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

Windows可以：

"start": "set PORT=3006 && react-scripts start"

Answer 2

使用create react应用程序，您可以在根级别创建一个名为UITextInput的文件，并将以下代码放入其中：

  

PORT = 3129

Answer 3

在源文件夹中添加.env文件，并添加如下所示的条目

PORT=9001

Answer 4

运行此代码

yarn start --port 30022