[HTTP] 413 - Payload Too Large

웹서버를 개발하면 가끔 아래와 같은 에러가 클라이언트에서 발생할 때가 있다.

Failed to load resource: the server responded with a status of 413 (Payload Too Large)
createError.js:16 Uncaught (in promise) Error: Request failed with status code 413
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.handleLoad (xhr.js:62)

서버를 호출할때 보내는 데이터의 양이 너무 커서 발생하는 에러이다.

 

express서버에서의 해결 방안은 서버를 load할 때 옵션값을 할당하는것 으로

app.use(express.json({ limit : "10mb" })); 
app.use(express.urlencoded({ limit:"10mb", extended: false }));

위와 같이 json과 urlencoded에 limit을 설정해주면 된다.