向 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 。 您需要指定正確的域名稱。 這個對我有用。