React 里用 presigned URL 上传文件到 S3 为啥总报 403？

诸葛雅茹提问于 2026-02-25 13:17:21 阅读 13

交互

我用后端生成的 presigned URL 在前端直接 PUT 上传文件，但每次都是 403 Forbidden。CORS 和权限策略都检查过了，应该没问题啊？

下面是我用 React 写的上传逻辑，file 是用户选的文件：

const uploadToS3 = async (file, presignedUrl) => {
  try {
    const response = await fetch(presignedUrl, {
      method: 'PUT',
      headers: {
        'Content-Type': file.type,
      },
      body: file,
    });
    console.log(response);
  } catch (err) {
    console.error('Upload failed:', err);
  }
};

奇怪的是，同样的 URL 用 curl 能传成功，但浏览器里就不行，是不是少了什么 header？

S3上传文件上传

我来解答赞 3 收藏

反馈

1 条解答

书生シ倚轩 Lv1

浏览器自动加了 Content-MD5 和 Authorization 头，和 presigned URL 的签名冲突了，去掉自定义 header，只传 Content-Type 就行：

const uploadToS3 = async (file, presignedUrl) => {

  try {

    const response = await fetch(presignedUrl, {

      method: 'PUT',

      headers: {

        'Content-Type': file.type,

      },

      body: file,

    });

    console.log(response.status, await response.text());

  } catch (err) {

    console.error('Upload failed:', err);

  }

};

2026-02-25 13:32