React Post图片文件上传问题-仅生产

Question

我正在尝试附加图像文件。如果在那儿附加文件，我的客户端不知何故不发送任何东西。

它在React（网站）和React-Native Web View（渲染）上。

游戏的坏处是，我无法跟踪客户端日志，这是移动浏览器问题的原因。

1）

const formData = new FormData();
formData.append('report[description]', text);
formData.append('token', localStorage.getItem('tempToken'));
formData.append('report[image]', new Blob([this.state.file], { type: 'image/png' }));
axios.post('/accept_report', formData)

2）

const config = {
   headers: {
     'content-type': 'multipart/form-data'
   }
}
formData.append('report[image]', this.state.file);
axios.post("/accept_report", formData, config)

Answer 1

已解决：

因为，仅在附加文件时才会发生。我的作品nginx限制了大文件。我只能上传大约500kb的文件。

已更改nginx客户主体的大小。

http{
   #...
   client_max_body_size 10M; #or 100M it depends on yr preference.
   #...
}