В моем приложении я пытаюсь извлечь файл из моего 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
Чего мне не хватает?