Angular, Nginx 프록시 설정

2018. 2. 26. 16:35

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은 변화없음.

}

 



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



BELATED ARTICLES

more