办理vue前端文件上传报错:上传失败,缘故原由:413 Request Entity Too Large

目次

• vue前端文件上传报错:上传失败,缘故原由: 413 Request Entity Too Large
• 先上报错效果图
• 问题
• 排查我们的系统接口
• 继承排查
• 解除成功的案例
• 总结

vue前端文件上传报错:上传失败,缘故原由: 413 Request Entity Too Large

先上报错效果图

问题

在当地开发中无论上传小文件还是大文件都可以上传成功，但将代码发布到测试环境后，超过1mb的文件就会报错，打开控制台一看413 Request Entity Too Large。

排查我们的系统接口

在node层做了一下转发代理用到了koaBody （有的没有加这个，可以忽略）

前端限定解除，重新打包上线，还是报错 413 Request Entity Too Large

继承排查

Nginx默认最大可以或许上传1MB文件，大于1MB的文件自然无法上传，打开nginx.conf（没权限找运维职员）在http{ }中设置：client_max_body_size 200m。

这里根据自己公司的需求限定巨细哈，我们这限定为200M.

解除成功的案例

总结

以上为个人履历，渴望能给大家一个参考，也渴望大家多多支持脚本之家。