springboot + vue + nginx 文件上传大小限制,报错413

絮落锦乡

已于 2023-02-08 13:29:30 修改

阅读量1.9k

点赞数 1

分类专栏： vue 前端文章标签： spring boot vue.js nginx

于 2022-09-28 13:54:50 首次发布

本文链接：https://blog.csdn.net/xljx_1/article/details/127088006

版权

前端同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

vue

23 篇文章 1 订阅

订阅专栏

报错提示 413 Request Entity Too Large

1、springboot 配置文件修改

spring:
  profiles:
      active: dev
  servlet:
      multipart:
        max-request-size: 500MB
        max-file-size: 500MB

2、文件控制大小

            if (file.getSize() > 10 * 1024 * 1024) {
                return new ResponseJson(false,"图片大小不能超过10MB");
            }

3、vue 前端控制大小

beforeUpload(file) {
   var fileSize = file.size / 1024 / 1024;
   if (fileSize > 80) {
       this.$message.error(`单个文件上传大小不能超过 80MB`);
       return false;
   }
}

4、nginx 默认是2M

http {
    include       mime.types;
    default_type  application/octet-stream;
	client_max_body_size 500M;
}

nginx 配置文件详情

########### 每个指令必须有分号结束。#################
#user administrator administrators;  #配置用户或者组，默认为nobody nobody。
#worker_processes 2;  #允许生成的进程数，默认为1
#pid /nginx/pid/nginx.pid;   #指定nginx进程运行文件存放地址
error_log log/error.log debug;  #制定日志路径，级别。这个设置可以放入全局块，http块，server块，级别以此为：debug|info|notice|warn|error|crit|alert|emerg
events {
    accept_mutex on;   #设置网路连接序列化，防止惊群现象发生，默认为on
    multi_accept on;  #设置一个进程是否同时接受多个网络连接，默认为off
    #use epoll;      #事件驱动模型，select|poll|kqueue|epoll|resig|/dev/poll|eventport
    worker_connections  1024;    #最大连接数，默认为512
}
http {
    include       mime.types;   #文件扩展名与文件类型映射表
    default_type  application/octet-stream; #默认文件类型，默认为text/plain
    #access_log off; #取消服务日志    
    log_format myFormat '$remote_addr–$remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for'; #自定义格式
    access_log log/access.log myFormat;  #combined为日志格式的默认值
    sendfile on;   #允许sendfile方式传输文件，默认为off，可以在http块，server块，location块。
    sendfile_max_chunk 100k;  #每个进程每次调用传输数量不能大于设定的值，默认为0，即不设上限。
    keepalive_timeout 65;  #连接超时时间，默认为75s，可以在http，server，location块。
    client_max_body_size 500M; #文件上传大小
    upstream mysvr {   
      server 127.0.0.1:7878;
      server 192.168.10.121:3333 backup;  #热备
    }
    error_page 404 https://www.baidu.com; #错误页
    server {
        keepalive_requests 120; #单连接请求上限次数。
        listen       4545;   #监听端口
        server_name  127.0.0.1;   #监听地址       
        location  ~*^.+$ {       #请求的url过滤，正则匹配，~为区分大小写，~*为不区分大小写。
           #root path;  #根目录
           #index vv.txt;  #设置默认页
           proxy_pass  http://mysvr;  #请求转向mysvr 定义的服务器列表
           deny 127.0.0.1;  #拒绝的ip
           allow 172.18.5.54; #允许的ip           
        } 
    }
}