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

问题 Q:(图片大小引起的错误)

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

查找结果 S:(nginx 的错误)

  • 因为这是选择较大图片时出现的,所以下意识去找对于上传大小限制的地方,发现前,后端代码均在允许的范围内,因此不解。并且后台也没有返回对应的错误。
  • 因此改为对前端的组件el-upload查了起来,对事件on-successon-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(可能会有权限错误)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容