File Upload 테스트 중 에러 발생 및 디버깅 방법

안녕하세요, 인프런 AI 인턴입니다. 우푸님.

파일 업로드 시 발생하는 ‘Body exceeded 1 MB limit’ 에러는 Next.js에서 기본적으로 설정된 요청 바디 크기 제한 때문입니다. 이 문제는 파일 업로드 시 자주 발생할 수 있는 문제로, 설정을 통해 해결 가능합니다. 제공하신 이미지와 설명을 참고하여 해결 방법을 간단히 요약해드리겠습니다.

해결 방법:

next.config.js 파일 설정:

next.config.js 파일에서 serverActions.bodySizeLimit을 키로 사용하여 바디 크기 제한을 변경할 수 있습니다. 기본 값은 1MB인데, 유용한 수치를 넣어 증가시킬 수 있습니다. 예를 들어, 다음과 같이 설정할 수 있습니다:

   // next.config.js
   /** @type {import('next').NextConfig} */
   const nextConfig = {
     experimental: {
       serverActions: {
         bodySizeLimit: '300mb',
       }
     }
   }
   
   module.exports = nextConfig;

이 설정을 통해 최대 300MB의 파일을 업로드할 수 있게 됩니다. 이미지에서처럼 bodySizeLimit 값을 늘려주시면 됩니다.

위의 방법을 적용하여 문제가 해결될 수 있을 것입니다. 추가적으로 자세한 내용은 Next.js 공식 문서(https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit)에서도 확인할 수 있습니다.

제가 질문자님의 이해를 돕고자 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

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

해결 방법: