【nginx】 1MB(デフォルト)以上のファイルが送信できません。Request Entity Too Large【django】

Question

問題+知りたいこと

Ubuntu + nginx + django + Gunicorn + Ajaxで画像ファイルを送信するウェブアプリを開発していますが、1MB以上の画像ファイルを送信しようとすると、Request Entity Too Large のエラーが出てしまいます。

この問題について調査した結果、/etc/nginx/nginx.conf にて下記のように設定すると改善するとわかりました。

http{
  ****省略***
  server{
    client_max_body_size    100M;
    client_body_buffer_size 100M;
    listen                  80;
    server_name             localhost;
    root                    /var/www/html/<djangoのproject名>;
  }
}

この設定を施し、下記コマンドを実行して設定ファイルの更新処理をしましたが、動きませんでした。

sudo systemctl reload nginx
sudo systemctl restart <djangoのproject名> nginx

1MBより大きい画像ファイルをアップロードする場合、どのようにすれば良いのか、ご教授願います。

環境

Ubuntu 18.04.4 LTS
django 3.0.6
nginx version: nginx/1.14.0 (Ubuntu)
gunicorn (version 20.0.4)

エラーログ

path:/var/log/nginx/error.log

2020/05/28 09:08:45 [error] 10093#10093: *11 client intended to send too large body: 6373261 bytes, client: 192.168.11.12, server: 192.168.11.100, request: "POST /webapp/ HTTP/1.1", host: "192.168.11.100", referrer: "http://192.168.11.100/webapp/"

Ajaxコード

function ajax_fileupload(){
    var fd new FormData($("#main_form").get(0));
    $.ajax({
        url: "", 
        type: "POST",
        data: fd, 
        processData: false,
        contentType: false,
        dataType: 'json'
    })
    .done( function( data , status , xhr){
     //アップロード成功時の処理、送信成功したファイルの名前が返ってくる
    }
*******以下略*******
}

djangoのviews.py

*****以上略(各種必要なライブラリのimport)*******

class WebappView(View):
  def get(self, request, *args, **kwargs):
    #GET時の処理
  def post(self, request, *args, **kwargs):
        #ファイルアップロード処理
        if request.FILES:

            try:
                if "file_1" in request.FILES:
                    uploaded_file       = request.FILES["file_1"]

                _,file_ext          = os.path.splitext(uploaded_file.name)

                uploaded_filename   = timezone.now().strftime("%Y%m%d%H%M%S%f") + file_ext

                #ファイル名は"年月日時分秒マイクロ秒.拡張子"とする
                file_name           = default_storage.save(uploaded_filename , uploaded_file)

            except Exception as e:
                print("アップロードエラー:{}".format(e))

            return JsonResponse({"file_name":file_name})

フォーム内の画像を、POST文のAjaxを利用して送信。ファイルを/var/www/<djangoのproject名>/media/に保存する仕組みです。保存が成功したら、ファイル名がAjaxによって返却されます。

補足

1. この1MB以上のファイルが送信できない問題は、**manage.pyの仮想サーバーでは発生しませんでした。**前述の本番環境にデプロイした途端、この問題が発生しました。
2. djangoのモデル、テンプレート等には容量制限の指定は行っておりません。
3. 通信はhttp通信、サーバーはローカルネットワークにあります。

---

【以下参考にしたサイト・書籍】
https://hacknote.jp/archives/27367/
https://stackoverflow.com/questions/36994828/413-request-entity-too-large-nginx-django
現場で使える Django の教科書《基礎編》
現場で使える Django の教科書《実践編》

Answer 1

自己解決しました。しかし、これは最適解ではないかもしれません。

<before> ```conf http{ ****省略*** server{ client_max_body_size 100M; client_body_buffer_size 100M; listen 80; server_name localhost; root /var/www/html/<djangoのproject名>; } } ``` ↓ ↓ ↓ <after> ```conf http{ ****省略***

#↓以下を追加
client_max_body_size 100M;

server{
client_max_body_size 100M;
client_body_buffer_size 100M;
listen 80;
server_name localhost;
root /var/www/html/<djangoのproject名>;
}
}

---

おそらく、サーバーごとの指定で100MBを上限としても、デフォルトの指定が1MBになっているため、それが優先されてしまうのだと思われます。
server以下に10M指定をしたとしても、デフォルトの100Mが働き、100MBまでのファイルが通ってしまいます。


---
補足

server_nameをサーバーのIPアドレスに当たる、192.168.11.100にしたり、http://192.168.11.100にしてもserverで指定したclient_max_body_sizeの指定が適応されませんでした。

Comments

[yukky1201]

server{
server_name localhost;
}
に記載で効いてないならば、そこの設定が使われてないということではないでしょうか。ほかにserver{ }設定しているところがあるのではないでしょうか。

http://localhost/***** でアクセスしたときに、該当のserver{ }設定が適用されますが、それ以外のときは別な個所のserver{ }設定が適用されるはずです。

[Ees1-M38]

補足を加えました。サーバーのIPアドレスも直に指定してみましたが、うまくいきませんでした。