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

标签 reactjs amazon-s3 axios pre-signed-url

我正在使用预签名 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>


感谢任何帮助。

最佳答案

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

关于reactjs - 带有预签名 URL 和 CORS 问题的 S3 上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48535096/

相关文章:

api - GraphQL 对于没有前端客户端的系统有用吗?

node.js - ReactJS : Async function with axios call makes axios call in componentDidUpdate to return promise

javascript - $request->ajax() 在 ajax 调用时返回 false

javascript - ReactJs 中的条件渲染用于 Html 中的一部分

javascript - React Big Calendar - 是否可以单击某一天并检索该天的事件列表?

python - 如何从 s3 存储桶获取 excel 文件并将文件再次上传到 s3 存储桶而不使用 pandas - Python

ruby-on-rails - 在 Rails 3 Refinery CMS 应用程序中设置 s3 时遇到问题

javascript - 在 Node.js 中处理 "raw data"并在 Node Express 端点中传递数据

reactjs - React Bootstrap - 微调器和按钮在一行中

linux - 崩溃报告在 riak 中处理和显示存储桶列表非常慢