[React] port 기본3000> 원하는 port로 변경하기

기본 npm run start로 실행되면 http://localhost:3000 으로 시작된다. 

만약 80과 같이 원하는 port로 실행되도록 하고 싶다면

package.json에서 아래와 같이 설정한다.

 

1) Windows

"start"
:
"set PORT=80 && react-scripts start"
,

 

2)  Mac, Linux

"scripts"
: {
"start"
:
"export PORT=80 && react-scripts start"
, } ...

 

위와 같은 형식을 반영하여 나는 아래와 같이 설정하였다.

"scripts": {

    "start": "set PORT=80&& env-cmd -f .env.development craco start",

그럼 아래 주소로 잘 열리는 것을 확인할 수 있다.

http://localhost:80

 

 

참고사이트