无法使用 fetch 将文件上传到 nginx 服务器答案

【问题标题】：Can't upload a file to nginx server with fetch无法使用 fetch 将文件上传到 nginx 服务器
【发布时间】：2022-02-18 22:31:46
【问题描述】：

我有一个用 Laravel 编写的应用程序，我可以在其中上传和提供一些文件。在我尝试上传大小为 124MB 的文件之前，它运行良好。获取请求引发：

ERR_QUIC_PROTOCOL_ERROR.QUIC_IETF_GQUIC_ERROR_MISSING

当我在 chrome://flags 上禁用 Experimental QUIC 协议时，获取请求失败

TypeError：获取失败

error.log 上没有任何内容，根据 access.log，POST 请求没有到达服务器。

服务器是nginx版本：nginx/1.18.0（Ubuntu）

相关的php设置如下。为我的本地 Xampp 配置配置了相同的设置，并且在本地上传工作正常。

max_execution_time=300
upload_max_filesize = 0
post_max_size = 0

【问题讨论】：

【解决方案1】：

NGINX 有一个最大 POST 大小限制。将其更改为 client_max_body_size 256M; 或您在 server 或 location 配置中需要的任何内容：

location /uploads {
   ...
   client_max_body_size 256M;
}

修改后别忘了重启服务。

【讨论】：

【解决方案2】：

在尝试了几个小时后，fetch 请求最终返回了一个响应，并说明了错误的原因。罪魁祸首原来是 Cloudflare。 Cloudflare 在免费计划中最多允许上传 100MB。我禁用了子域的代理，为 ssl 安装了 certbot，现在一切正常。

【讨论】：