上传图片时报错：[object ProgressEvent] ，结果是：NGINX 提示 413 REQUEST ENTITY TOO LARGE 造成

问题 Q：（图片大小引起的错误）

在使用element-ui 的上传图片时，出现[object ProgressEvent]错误。

查找结果 S：（nginx 的错误）

• 因为这是选择较大图片时出现的，所以下意识去找对于上传大小限制的地方，发现前，后端代码均在允许的范围内，因此不解。并且后台也没有返回对应的错误。
• 因此改为对前端的组件el-upload查了起来，对事件on-success，on-error 进行打印，结果这才在控制台中见到后台返回的错误的出现，原来是nginx的对文件大小限制带来的错误。
  
  nginx-413-error.png

解决 A：（此次操作是在homestead 的环境中）

# 修改 nginx 的配置
sudo vi /etc/nginx/sites-enabled/xxxx.test

# nginx 中对应的配置文件
server {
...
charset utf-8;
client_max_body_size 5m; # 添加此配置，设置 5m 大小
...
}

题外话 E：

• 可能在使用vi过程中会出现只读，无法保存的错误，请使用wq!（记得!在后面）
• 重启nginx，请使用sudo systemctl restart nginx（可能会有权限错误）