Nginx 에서 Angular 애플리케이션 라우트 이동시 404 에러발생

Angular 에서 route 설정을 통해 개발한 URL이 있는경우에, Nginx 서버에서는 404 에러가 발생하는 이슈가 있다. 이것은 Nginx 에서 이동할 주소가 없다고 판단하는것인데, 이경우 angular의 index.html 을 404 에러페이지로 지정하여 해결 할 수 있다.

 

nginx.conf 파일의 location 부분에 11번째 줄을 추가한다.

 

 7
  8     location / {
  9         root   /usr/share/nginx/html;
 10         index  index.html index.htm;
 11         try_files $uri $uri/ /index.html;
 12     }
 13

 

참고자료

[https://www.digitalocean.com/community/questions/nginx-404-error-with-existing-urls-angular-2-one-page-application-with-routing]