前言
新手做前端大项目,遇到坑真是接踵而来。这次遇到的是使用formData传文件的时候,如果上传文件数太多,总是报NET:ERR_CONNECTION_RESET的错,百度好久也不知道什么原因,后来自己慢慢摸索,可能原因有二。
一、查看一下tomcat配置文件server.xml是否设置了上传文件总大小的限制
注意下面的maxPostSize,它就是设置限制上传文件的大小的属性,单位是B
<Connector port="8080" protocol="HTTP/1.1"
maxHttpHeaderSize="8192"
useBodyEncodingForURI="true"
maxPostSize="20971520"
maxThreads="2048"
redirectPort="8443"
enableLookups="false"
compression="on"
compressionMinSize="2048"
compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain"
connectionTimeout="20000"
disableUploadTimeout="true"
URIEncoding="UTF-8"/>
至于怎么详细设置,由于不关前端的事情,所以我只能大概给出出问题的原因是在这里。
二、查看nginx服务器是否没有设置上传文件总大小
一般我们现在做项目都用前后端分离,然后用nginx作为反向代理解决跨域问题。但是nginx一些配置错误有时候会导致一些bug出现。比如文件上传。如果发现后台配置上传文件的总大小是没问题的话,那么问题就有可能出现在nginx的配置中了。
我们来看看nginx的文档,这是我看的某个中文文档,具体什么版本不详,文档地址是nginx中文API文档
其中,我们找到http core模块http core模块API,然后浏览器全局搜索一下client_max_body_size,我们会发现,nginx帮我们默认设置了这个限制上传文件总大小的值为1M,如下图:
找到了如何修改上传文件大小后,那就去搞事情。我们去到nginx的配置文件中,如下图路径:
然后找到nginx.conf这个文件,用记事本或者sublime text3打开(只要能打开不乱码就行),修改后台给你的API接口的配置
如下图:
server {
listen 8054;
server_name localhost;
location /upload {
proxy_pass http://127.0.0.1:8001/ct-upload-service;
#set size of upload files
client_max_body_size 100m;
}
proxy_pass设置的是后台给我的批量上传文件的API接口,然后client_max_body_size设置的是允许上传的所有文件的总大小,单位是m,我一般用小写,没细究过大写行不行,因为nginx文档也是用小写的,然后记得重新启动nginx服务器!
其他原因:
1 可能是服务器限制了文件上传的权限。
解决方法:开通了文件上传权限。
2 也许导致这种错误的方式有很多,可能是因为post请求时提交的数据过多而导致的。
解决办法:修改tomcat的配置文件server.xml
3 服务器未开启;
如静态文件运行时没有开启静态资源服务器就会报这个错误
4 跨域请求的问题;
如上传excel表格时,打开FQ就可以进行上传,否则会报net::ERR_CONNECTION_RESET
三、总结
这个就没什么需要总结的,经过配置nginx.conf后,我的批量上传就没问题了。做前后端分离,用到nginx,自己对nginx配置不熟,有时间学习前端之外,还要把nginx学完才行,各位加油!