React.js npm start時にポートを変更する

  • 作成日 2020.04.06
  • 更新日 2020.07.22
  • React
React.js npm start時にポートを変更する

npm start時にデフォルトだと3000番が利用されると思いますが、こちらのポートを変更する手順を記載してます。

環境

  • OS  CentOS Linux release 8.0.1905 (Core)
  • node V12.13.1
  • npm 6.14.2
  • React 16.13.0

package.json編集

package.jsonを編集すれば、指定したポートでnpm startが可能となります。

※ここでは「3001ポート」に変更してます

"scripts": {
    "start": "PORT=3001 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

root権限以外で、1024番ポート以下を指定すると下記のエラーがでます

Admin permissions are required to run a server on a port below 1024.

1024以下を利用したい場合は、rootで「npm start」を実行して下さい