Ошибка CORS при загрузке файлов в Amazon S3 с использованием предварительно заданного URL

Question

Я пытаюсь загрузить файл в Amazon S3 с помощью углового клиента.Я создал предопределенный URL с помощью сервера приложений NodeJs.При загрузке файла на заданный URL-адрес появляется сообщение об ошибке:

«Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном заголовке« Access-Control-Allow-Origin »нет».ресурс. Origin 'http://localhost:4200' поэтому не разрешен доступ. "

Я добавил следующие настройки CORS в мои разрешения корзины.

<CORSConfiguration>
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

Answer 1

Несмотря на то, что localhost может не поддерживаться вашим браузером в качестве действительного источника, совпадающего с AllowedOrigin, вам также может понадобиться проверить, что содержимое, извлекаемое из S3, действительно правильно имеет правильные заголовки, которые вы ожидаете, и что ваш контейнернастроен правильно.Это можно сделать с помощью инструментов разработчика Chrome: https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#headers

http://127.0.0.1 также является допустимым доменом для localhost (в большинстве операционных систем), который должен быть совместим с большинством браузеров для сопоставления с AllowedOrigin.

Answer 2

Некоторые браузеры не поддерживают запросы CORS от Localhost, такие как Chrome. Попробуйте использовать lvh.me:4200 для тестирования.