Маршрутизатор реагирования не работает для вложенных путей в S3

У меня настроен реакции-маршрутизатора, как показано ниже:

<Router>
    <Routes>
        <Route path = "/" element = {<Home />} />
        <Route path = "/post/:slug" element = {<Post />} />
        // other routes
    </Routes>
</Router>

Мой интерфейс размещен в корзине S3 и обслуживается через дистрибутив CloudFront. Все мои маршруты работают, кроме маршрута «/post/:slug». Это странно, потому что если я перехожу к сообщению с помощью хука useNavigate, он работает и загружает сообщение с правильным пулом. Однако, если я перезагружаюсь на странице сообщения или ввожу URL-адрес сообщения непосредственно в браузере (например, https://BASE_URL/post/slug/), он просто показывает пустую страницу и, похоже, не может определить маршрут. . Я в растерянности, потому что почтовый маршрут работает, если я запускаю свой интерфейс локально. Это просто не работает при развертывании с помощью S3 и CloudFront.

Для хоста CloudFront я пересылаю все пути «*» в свою корзину S3. Я также добавил страницу ошибок для пересылки в корневой объект /index.html.