Body exceeded 1mb limitの対処法（画像を大量に送りたかった）

どういう環境で何をしているのか？について

• NEXT.jsでWebアプリ（Webサイト）を構築中に、
• pages/apiにinsert.jsというAPI用のスクリプトを準備中に、
• insert.jsでは複数以上の画像や登録情報をリクエストで受け、それら登録する機能を実装していた

エラー事象

エラー内容

POST http://localhost:3000/api/insert 413 (Body exceeded 1mb limit)

insertのAPIに対し、bodyに画像を大量につけて送ってもこのエラーがレスポンスとして返却されており、その対処法が分からなかったための忘備録✏️エラーコードを見る限り、容量に制限があることはわかるものの「AIに聞いても"next.config.js"にコードを追記すれば直ります」と言いつつも解決せず、調べても日本語サイトがなかったので、その忘備録を記録したものです。ちなみに私の環境では"next.config.js"というものは存在せず、"next.config.mjs"があったが、そこを修正しても解決しなかった🤮

対処法

私はinsert.jsに対して次のコードを挿入することで解決した。英語のサイトで確認して実装したところ、画像を大量に送れるようになった💡

insert.jsに追記したコード

export const config = {
  api: {
    bodyParser: {
      sizeLimit: "10mb",
    },
  },
};

なおこれを前提にAIに話しかけたら、AIもこれが正しいみたいなことを言い始めた💦

補足事項⚠️

前回、同じ記事を投稿したのですが、投稿した直後から別のエラーが発生し、解決しなかったので前回の投稿を削除しました🖐️この時のエラーはこの記事の内容とは全く別の原因だったので、再投稿しています☁️