nginx 파일업로드 제한 문제

Angular로 개인 프로젝트로 만든 사이트중 파일 업로드 부분에서 문제가 발생했었다.

문제인식

부끄럽게도 면접보러 간 자리에서 파일 업로드에 문제가 발생한것을 발견했다. 그 당시에 확인한 오류 메세지와 혼자 고치면서 보게된 메세지가 달라서 이후에 다른 문제점을 발견할 수도 있는데 일단 지금 확인된 버그부터 수정했다.

원인

내가받은 에러메세지는 ‘413 Request Entity Too Large’ 였다. nginx에서 파일업로드 설정이 없으면 용량에 제한이 걸리는듯 했다. 필자는 서버구현 부분에서 용량제한을 걸어놨었고 nginx에는 따로 설정을 하지 않아서 생기는 문제로 인식되었다.

해결

nginx의 설정파일에 최대 body사이즈를 설정해준다. nginx가 존재하는 곳을 찾기위해 ‘whereis nginx’ 명령어를 사용했다.

1
$ whereis nginx

그리고 vi로 default.conf 파일을 열어 다음 설정을 추가해주었다.

1
client_max_body_size 20M;

출처

참조 블로그