問題 Q:(圖片大小引起的錯誤)
在使用
element-ui的上傳圖片時,出現(xiàn)[object ProgressEvent]錯誤。
查找結(jié)果 S:(nginx 的錯誤)
- 因為這是選擇較大圖片時出現(xiàn)的,所以下意識去找對于
上傳大小限制的地方,發(fā)現(xiàn)前,后端代碼均在允許的范圍內(nèi),因此不解。并且后臺也沒有返回對應(yīng)的錯誤。- 因此改為對前端的組件
el-upload查了起來,對事件on-success,on-error進(jìn)行打印,結(jié)果這才在控制臺中見到后臺返回的錯誤的出現(xiàn),原來是nginx的對文件大小限制帶來的錯誤。
nginx-413-error.png
解決 A:(此次操作是在homestead 的環(huán)境中)
# 修改 nginx 的配置
sudo vi /etc/nginx/sites-enabled/xxxx.test
# nginx 中對應(yīng)的配置文件
server {
...
charset utf-8;
client_max_body_size 5m; # 添加此配置,設(shè)置 5m 大小
...
}
題外話 E:
- 可能在使用
vi過程中會出現(xiàn)只讀,無法保存的錯誤,請使用wq!(記得!在后面)- 重啟
nginx,請使用sudo systemctl restart nginx(可能會有權(quán)限錯誤)
