Я создал приложение реакции и пробую разные хостинговые услуги. Использование корзины s3 для хранения файлов, а затем использование облачного фронта, кажется solid, поэтому я пробую его.
Я собрал свое приложение React и добавил этот скрипт в пакет. json
aws s3 sync build/ s3://<bucket-name>
Затем я создал распределительную сеть, используя конечную точку имени сегмента, которая была указана в свойствах s3, и теперь в этом состоянии указано «развернуто».
Теперь у меня есть доменное имя, которое я купил на Godaddy. Я изменил сервер имен на 4, предоставленный AWS Route53 в размещенной зоне. Это также создало 2 набора записей. Затем я добавил третий набор записей ALIAS, и целью является облачный фронт. net url.
Теперь я вижу два разных результата.
В браузере Safari Safari выдает ошибку 403. На chrome я получаю сообщение «Ваше соединение не является частным», хотя я могу просмотреть действительные сертификаты облачного фронта в строке URL-адреса.
На моем s3 есть политика корзины, которая выглядит следующим образом:
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::<bucket-name>/*"
]
}
]
}
Было ли что-то, что я пропустил?