Angular, Nginx 프록시 설정

1. Nginx 설정 파일

Nginx의 Localtion 설정 파일은 기본적으로

 /etc/nginx/conf.d/default.conf 

로 되어 있다. 

Location 설정 파일 위치 및 mime 타입, 로그 등의 설정은

 /etc/nginx/nginx.conf 

파일에서 설정할 수 있다.

설정 파일을 변경한 경우 적용을 위해

 service nginx reload 

명령어를 사용할 필요가 있다.

2. Location 설정

http -> server 하위에 location을 설정한다.

1) 같은 서버의 다른 포트로 API 서버를 둔 경우 프록시 설정

location /api/test1 {    proxy_pass http://localhost:3000;      # /api/test1의 하위 호출은 localhost:3000로 프록시 처리된다.     # ex) http://localhost/api/test1/hello -> http://localhost:3000/api/test1/hello }

2) 같은 서버의 특정 파일 프록시 설정

location ~ \.mp4$ {   proxy_pass http://localhost:4000/video/;     # 확장자가 mp4인 파일의 요청은 http://localhost:4000/video/ 로 호출된다. }

3) 그 외 호출 index 파일로

location / {   root /dist/; # index 파일이 있는 폴더   index index.html; # index 파일. 앵귤러는 index.html.   try_files $uri $uri/ /index.html;     # 요청한 주소의 uri를 무시하고 index.html 파일을 제공한다.     # http://localhost/hello -> uri == /hello, /dist/index.html,       # 리다이렉트가 아니므로 브라우저의 URL은 변화없음. }

더 자세한 설정은 공식 홈페이지를 참조하면 된다.