Error: Request failed with status code 413

报错图

 

产生场景

1.搭建了一个文档服务器用来存图片，文件。方便展示

2.在本地环境使用，测试的时候没有问题。但是到线上使用的时候，发现只有5k大小word才能上传成功

3.http 413报错，413是请求体太大才会报错。

解决方案

1.在nginx/conf/nginx文件中http下添加配置文件

猜想

1.本地环境使用文档服务器时axios有这个配置，线上时候是Nginx在转发，可能会失效出现413，所以需要在Nginx中配置

代码如下

worker_processes  1;
events {
    worker_connections  1024;
}
​
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    #解决请求体过大配置
    #允许客户端请求的最大单文件字节数
    client_max_body_size 15m; 
    #缓冲区代理缓冲用户端请求的最大字节数
    client_body_buffer_size 128k;
​
    server {
        listen       80;
        #定义服务器的默认网站根目录位置
        server_name  localhost;
        location / {
            root   html/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; #解决页面刷新404问题
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

---

总结：

经过这一趟流程下来相信你也对 线上上传文件请求413 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

什么不足的地方请大家指出谢谢 -- 風过无痕