Реагировать роутер с http-сервером

Question

мы используем react-roucter-dom с http-server, когда пользователь загружает главную страницу и щелкает навигационные ссылки, новые страницы загружаются отлично, но когда пользователь обновляет страницу по этому маршруту, он возвращает 404.Это означает, что HTML5 pushState не работает с http-server.

, например:

<Router>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/topics" component={Topics} />
</Router>

Если пользователь перейдет на страницу /about и обновит ее, произойдет ошибка 404

Есть ли способ исправить эту проблему?

Answer 1

Вы должны использовать другие пакеты с поддержкой API истории HTML5, такие как http-server-spa вместо http-server.

Answer 2

Ваша ошибка возникает из-за того, что ваше приложение является одностраничным приложением, что означает, что все данные вашего сайта загружаются по маршруту /.Это означает, что если вы попытаетесь получить доступ к любой другой странице без предварительной загрузки сайта по маршруту /, то произойдет сбой.

У Тайлера МакГинниса очень хорошая запись блога оразличные способы решения этой проблемы.