react脚手架create-react-app修改默认端口号3000

​ 使用create-react-app创建的react项目默认端口号为3000，在Windows上使用zookeeper时默认端口号也为3000，这个时候就必须修改其中一个了。

修改前端create-react-app项目的端口号方法是：

在package.json里面配置端口号：

"scripts": {
    "start": PORT=8888 "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"
  },

然而，我发现没有什么卵用。这个可能是由于版本的问题。

另一个方法

在node_modules/react-scripts/scripts/start.js文件中修改默认端口号3000。麻烦的是每次都要去改，因为它会变回3000。

react修改默认端口号3000.jpg