수유산장

앵귤러에서 기본 포트는 4200입니다.

로컬에서 개발중이라면 

http://localhost:4200 으로 서비스 됩니다.

그런데 프로젝트를 2개를 동시에 작업중이거나

테스트용 프로젝트를 동시에 사용하면 4200 포트를 동시에 사용할 수 없으니

포트를 변경해야 하는 경우가 있습니다.

포트 변경 방법은 2가지가 있습니다.

1. 실행 단계에서 포트 설정

2. 설정파일에서 포트 설정

1. 실행 단계에서 포트 설정은 angular로 서버 시작시 포트 옵션을 설정합니다.

ng serve --port 4201 

와 같이 실행하면 4001번 포트로 실행됩니다.

2. 설정파일에서 포트 설정

4200번 기본 port를 변경하고자 한다면 

프로젝트 루트에 위치한

angular.json 파일에서 설정을 변경하면 됩니다.

architect > serve > options 항목에

"port": 포트번호(숫자)를 추가하면 됩니다.

프로젝트 기본 설정에는 해당 항목이 없으므로 추가해 주어야 합니다.

예 ) "port": 4202

그럼

http://localhost:4202 으로 접근이 가능합니다.