Html5 извлечение из Amazon AWS Ошибка корзины s3: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin» - PullRequest
0 голосов
/ 12 апреля 2020

В моем приложении я пытаюсь извлечь файл из моего AWS S3 корзины, используя API извлечения:

const response = await fetch(baseUrl + url);

Я получаю следующую ошибку:

Доступ к выборке в 'https://my-bucket.s3.amazonaws.com/uploads/044_IMH7kfc.m4a?AWSAccessKeyId=AKIAZB4Y4NZS&Signature=l6QNLV1iUj%2LerlUis%3D&Expires=1586648149' из источника 'http://localhost: 8000 ' был заблокирован политикой CORS: заголовок 'Access-Control-Allow-Origin' отсутствует. на запрашиваемом ресурсе. Если непрозрачный ответ удовлетворяет вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.

Вот мой файл конфигурации CORS из моего AWS контейнера:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
    <ExposeHeader>Access-Control-Allow-Origin</ExposeHeader>
</CORSRule>
</CORSConfiguration>

Fetch API в моем приложении говорит: «На запрошенном ресурсе отсутствует заголовок« Access-Control-Allow-Origin », но« Access-Control-Allow-Origin »в конфигурации CORS должен добавить, что заголовок, нет?

Я попробовал все решения, опубликованные здесь, но безрезультатно: Разрешить заголовок Access-Control-Allow-Origin с использованием HTML5 fetch API

Я также нашел страницу устранения неполадок AWS, но это также не помогло: https://docs.aws.amazon.com/AmazonS3/latest/dev/cors-troubleshooting.html

Чего мне не хватает?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...