reactjs - 带有预签名 URL 和 CORS 问题的 S3 上传

Question

我正在使用预签名 URL 将文件从我的 react 应用程序上传到 S3，Bucket 它本身是私有(private)的，并且只为所有域(用于开发环境)启用了 CORS。

但是，当 axios 帖子尝试上传文件时，我看到没有“Access-Control-Allow-Origin” header 出现错误。飞行前选项请求引发此错误。

我正在本地机器上尝试这个。

这是我拥有的 CORS 配置。我已经尝试了 AllowedOrigin 的通配符“*”，但没有成功。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>http://localhost:3000</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <MaxAgeSeconds>300000</MaxAgeSeconds>
    <AllowedHeader>authorization</AllowedHeader>
</CORSRule>
</CORSConfiguration>

感谢任何帮助。

Answer 1

创建预签名 URL 的服务可能无效。在我的场景中，存储桶位于 eu-centar-1但预签名 key 有 us-east-1在网址中。我修复了创建预签名 key 的服务并且它有效。它与起源无关。检查这在您的场景中是否可以