Как обслуживать статический блог в приложении React в Amazon Cloudfront - PullRequest
0 голосов
/ 18 сентября 2018

У меня есть реагирующий сайт и блог на jekyll.Я хочу, чтобы они размещались на облачном фронте Amazon в следующем порядке:

example.com -> обслуживает сайт реакции example.com/blog -> обслуживает статический блог index.html

Iпостроили приложение реагирования и поместили его в ведро 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>
...