강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

뉸뉴님의 프로필 이미지
뉸뉴

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

413 Request Entity Too Large 질문

작성

·

1.4K

·

수정됨

0

안녕하세요 선생님. 프로젝트 배포하고 나서 테스트 중에 특정 이미지를 업로드 하면 '413 Request Entity Too Large'라고 뜨는 오류를 발견했습니다. 특정 이미지 크기는 4.13mb정도구요.

 일단 에러가 떠도 그대로 post요청을 보내면 업로드된 이미지가 보이긴 하는데 왜 이런 에러가 뜨는지 모르겠습니다..

테스트 해보니까 세로 길이가 비교적 긴 이미지를 업로드 요청할 때 에러가 나는걸 확인했습니다.

위 이미지가 프론트에서 나는 에러 상태 입니다.

 

오류 해결을 위해 먼저 back의

 

const upload = multer({
  storage: multerS3({
    s3: new AWS.S3(),
    bucket: 'fashionary-s3',
    key(req, file, cb) {
      cb(null, `original/${Date.now()}_${path.basename(file.originalname)}`)
    }
  }),
  limits: { fileSize: 20 * 1024 * 1024 }, // 20MB
});

여기서 limits부분이 20m인걸 확인하고,

 

sudo vim /etc/nginx/nginx.conf 해서

 http {

        ##
        # Basic Settings
        ##
        client_max_body_size 20M;
        sendfile on;
        tcp_nopush on;
        types_hash_max_size 2048;
        # server_tokens off;

        # server_names_hash_bucket_size 64;
        # server_name_in_redirect off;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

위와 같이 http부분 설정을 20m으로도, 0으로도 설정 후 sudo service nginx reload 했는데도 특정 이미지 전송을 시도하면 같은 에러가 떠요..이럴 땐 어디를 봐야 하나요?

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

이 설정이 맞는데요. 로컬에서 nginx 없이 업로드하면 올라가나요? 올라간다면 nginx 문제입니다.

뉸뉴님의 프로필 이미지
뉸뉴

작성한 질문수

질문하기