Загрузить картинку из 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 'from origin' 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 , поэтому я не уверен, что не так.