reactjs - 如何设置 React 自定义端口，例如 3129

Question

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

Answer 1

Just update a bit in webpack.config.js:

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

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

Alternatively: modify part of package.json from:

"start": "react-scripts start"

对于 Linux 和 MacOS:

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

Windows 至:

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