向 AWS 存储桶发出放置请求时出现 Cors 错误

Question

我想使用预签名 URL 将图像上传到我的 AWS 存储桶，我得到了 URL 没有任何问题，但是当我向它发出请求时我遇到了这个 CORS 问题在这里输入图像描述

我尝试将我的请求标头设置如下：

 const res = await fetch(data, { method: "PUT", headers: { "Access-Control-Allow-Headers": "Content-Type", "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "*", "Content-Type": "multipart/form-data" }, body: file }) console.log(res)

我还对我的存储桶规则进行了如下更改，但不幸的是它没有用

 [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "HEAD", "GET", "PUT", "POST" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [ "ETag", "x-amz-meta-custom-header" ] } ]

Answer 1

我认为问题在于您不能将通配符放入AllowedOrigins 。 您需要指定正确的域名称。 这个对我有用。