Я начал использовать реактивный маршрутизатор v4. У меня есть простой <Router>
в моем app.js с некоторыми ссылками навигации (см. Код ниже). Если я перейду к localhost/vocabulary
, маршрутизатор перенаправит меня на нужную страницу. Однако, когда я нажимаю reload (F5) после этого (localhost/vocabulary
), все содержимое исчезает и отчет обозревателя Cannot GET/vocabulary
. Как это возможно? Может ли кто-нибудь дать мне понять, как это решить (правильно загрузите страницу)?
App.js:
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
import { Switch, Redirect } from 'react-router'
import Login from './pages/Login'
import Vocabulary from './pages/Vocabulary'
const appContainer = document.getElementById('app')
ReactDOM.render(
<Router>
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/vocabulary">Vocabulary</Link></li>
</ul>
<Switch>
<Route exact path="/" component={Login} />
<Route exact path="/vocabulary" component={Vocabulary} />
</Switch>
</div>
</Router>,
appContainer)