Проблема с переносом сайта, написанного на Angular 6 на AWS S3 с использованием AWS CloudFront - PullRequest
0 голосов
/ 15 января 2020

Я столкнулся с проблемой при переносе сайта, написанного на Angular 6, на AWS S3 с использованием AWS CloudFront. Индикаторы Google PageSpeed ​​Insights отличаются от производственного сайта использованием Nginx и AWS S3 + AWS CloudFront, хотя это точно такая же версия сайта. Сайт на nginx: Оценка PageSpeed ​​nginx Сайт

Сайт на AWS S3 + AWS CloudFront: Оценка PageSpeed ​​AWS S3 + AWS CloudFront

Я установил AWS S3 хранилище с доступом publi c и активировал хостинг веб-сайтов Stati c. В «Списке контроля доступа» я предоставил доступ к «Списку объектов» для «Publi c Доступ - Все». Кроме того, я добавил метаданные Cache-Control max-age = 31536000 для каждого файла в AWS S3, как и на рабочем сайте. Метаданные каждого файла в AWS S3

После этого я установил AWS CloudFront Distribution, в который я подключил AWS S3 хранилище. В настройках поведения я включил параметры Кэшированных методов HTTP для ОПЦИИ, Кэширование объектов - Пользовательское, где я установил Минимальный TTL = 31535999, Максимальный TTL = 31536000 і Стандартный TTL = 31536000. Кроме того, я включил параметр Сжатие объектов автоматически. Настройки поведения AWS CloudFront Distribution

Также, вот мой конфиг nginx для производственной площадки: Nginx конфигурация производства

Пожалуйста, помогите мне найти проблему, возможно я допустил ошибку при настройке всего. Буду признателен за совет по настройке AWS S3 + AWS CloudFront.

1 Ответ

0 голосов
/ 15 января 2020

Вы использовали Pretender?

https://github.com/theideasaler/angular-prerender

Это полная инструкция о том, как его реализовать

https://levelup.gitconnected.com/prerender-angular-and-deploy-it-as-a-static-website-on-aws-s3-to-make-it-42-times-faster-115fadcf8614

...