Нужно разместить блог вместе с основным сайтом в том же ведре S3

Question

У нас есть наш основной веб-сайт (который находится в React), обслуживаемый из корзины S3. Поскольку мы должны обслуживать блог (который находится в jekyll) и из того же домена (например, mainsite.com/blog) для целей SEO, мы включили файлы блога в том же ведре S3 в отдельную папку с именем blog. Теперь на главном сайте мы добавили тег привязки, чтобы направить пользователя в блог.

<a className="ml-nav-item" href="blog/index.html" target="_blank" rel="noopener noreferrer">
                   Blog
                 </a>

Но вместо загрузки файла index.html в папку блога он загружает тот же index.html на главном сайте. Если мы напрямую пытаемся перейти на mainsite.com/blog, он загружается без проблем. Проблема заключается в попытке доступа к блогу с основного сайта. Мы не использовали никаких маршрутизаторов.

Как мне разрешить эту ситуацию?

Answer 1

На твой вопрос он тоже сам ответит. потому что для blog / index.html нет маршрутизации. когда запрос достигает уровня корзины S3 через вашу первую страницу, он попытается найти маршрут. и он не может идентифицировать blog / index.html, поэтому он перенаправляет на вашу страницу index.html основного сайта. Я полагаю, вы указали страницу с ошибкой в ​​качестве index.html. Я имею в виду, что при настройке статического хостинга вы указали страницу с ошибкой в ​​виде index.html.

Чтобы исправить это, вы можете указать контекстный путь к blog / index.html href.