Как обслуживать статический блог в приложении React в Amazon Cloudfront
У меня есть сайт реакции и блог Jekyll. Я хочу, чтобы они были размещены на Amazon cloud-front в следующем порядке.
example.com -> обслуживает реагирующий сайт example.com/blog -> обслуживает статический блог index.html
Я собрал приложение "Реакция" и поместил его в корзину для s3. Затем я создал подкаталог с названием blog и загрузил туда весь контент блога. Затем я настроил дистрибутив облачного фронта для mydomain.com.
Если я захожу на example.com, он обслуживает веб-сайт реакции. Если я захожу на сайт example.com/blog, напрямую вводя URL-адрес в браузере, в некоторых браузерах он также работает нормально. Но если я щелкну ссылку привязки на веб-сайте реагирования, которая ссылается на mysite.com/blog, а не перечитывает блог, он отобразит ту же страницу с испорченными CSS и активами. Похоже, что приложение реакции переписывает запросы и отображает страницу реакции, а не отправляет запросы бэкэнду.
Я не использую реаги-роутер. Вот якорь, который я использую в приложении "Реакция" для ссылки на блог.
<a className="ml-nav-item"
href="http://example.com/blog/index.html"
rel="noopener noreferrer"
target="_blank">
Blog
</a>