前言

    新手做前端大專案，遇到坑真是接踵而來。這次遇到的是使用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中文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伺服器！

三、總結

    這個就沒什麼需要總結的，經過配置nginx.conf後，我的批量上傳就沒問題了。做前後端分離，用到nginx，自己對nginx配置不熟，有時間學習前端之外，還要把nginx學完才行，各位加油！