问题 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
(可能会有权限错误)
网友评论