こんにちは。YOSHITAKA(@YOSHITA19704216)です。


- Reactのポート番号を変更できます。
Contents
Reactのport番号を変更する方法
対象者
- Reactで複数のポートでプログラムを進めている人が対象です。
ポート番号の変更方法 デフォルトは3000
【共通の処理するファイル】
package.jsonファイルを確認します。
“start”: “react-scripts start”
この部分を変更します
windowsの場合は以下のように変更します。
“start”: “set PORT=3006 && react-scripts start”
- ポート番号は自由です。
Linux(Mac)の変更方法
linuxの場合は次のように変更します。
“start”: “PORT=3006 react-scripts start”
もしくは
“start”: “export PORT=3006 react-scripts start”
- どちらでもOKです。
- 上記のほうがインターネット記事は多いようです。
まとめ
今回はReactのport番号を変更する方法についてお伝えしました。
※プログラミングは習得中ですので、参考程度に記事を読んでください。