从S3下载图片：没有“ Access-Control-Allow-Origin”标题

Question

我正在尝试从VueJS前端下载存储在我的S3存储桶中的图像，但是我总是收到cors错误。我为存储桶尝试了几种Cors配置，例如：

<CORSConfiguration>
 <CORSRule>
   <AllowedOrigin>http://******.s3-website-us-east-1.amazonaws.com/#/</AllowedOrigin>
   <AllowedMethod>PUT</AllowedMethod>
   <AllowedMethod>POST</AllowedMethod>
   <AllowedMethod>GET</AllowedMethod>
   <AllowedMethod>HEAD</AllowedMethod>
   <AllowedMethod>DELETE</AllowedMethod>
   <AllowedHeader>*</AllowedHeader>
 </CORSRule>
</CORSConfiguration>

我尝试过更改*的来源，但无法正常工作。我总是收到

  

选项   https://elasticbeanstalk-us-east-1- *********。s3.amazonaws.com/da2f83b3-3563-2d3a-b421-7ce3832f7132.png   net :: ERR_ABORTED 403（禁止）

     

在以下位置访问XMLHttpRequest   'https://elasticbeanstalk-us-east-1- *********。s3.amazonaws.com/da2f83b3-3563-2d3a-b421-7ce3832f7132.png'   来源'http：//********.s3-website-us-east-1.amazonaws.com'   已被CORS政策阻止：未响应预检请求   通过访问控制检查：没有“ Access-Control-Allow-Origin”标头   出现在请求的资源上。

这是我的前端电话：

savePicture() {
  axios({
    url: "https://*****.s3.amazonaws.com/da2f83b3-3563-2d3a-b421-7ce3832f7132.png",
    method: 'GET',
    responseType: 'blob',
  })

我已经用AWS documentation仔细检查了我的配置，所以我不确定是什么问题。