Die Browser-history in reagieren-router
Warum ich browserHistory
in meiner app Reagieren, es dient immer noch bis eine Seite auf localhost:3000, aber wenn es bereitgestellt wird, bekomme ich eine leere Seite mit nichts in der Konsole.
Wenn ich wechseln hashHistory
jedoch, es läuft wunderbar auf beiden localhost:3000 und auf meiner Website. Warum ist das passiert?
Den code unten funktioniert nicht, wenn ich es bereitstellen (verwendet browserHistory):
import React from 'react';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
import App from './components/App';
import Home from './components/Home';
import Company from './components/Company';
const router = (
<MuiThemeProvider>
<StyleRoot>
<Router history={browserHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="/company" component={Company} />
</Route>
</Router>
</StyleRoot>
</MuiThemeProvider>
)
ReactDOM.render(
router,
document.getElementById('root')
);
Ich bin mit der v3.0 für reagieren-router.
- Bitte angeben, welche version von reagieren-router Sie verwenden.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zuerst, welche version von Reagieren-Router verwenden Sie? In der version 4, müssen Sie erstellen eine Instanz von BrowserHistory, statt nur auf der Durchreise die Klasse.
Sind Sie wahrscheinlich immer die leere Seite als fall-back-Seite für einen routing-Fehler. Überprüfen Sie die browser-Konsole für eine Fehlermeldung. Sie sollten immer mit einer default-route für http://localhost:3000/badurl,
<Home>
für http://localhost:3000 und<App>
mit<Company>
als diese.Requisiten.Kinder für http://localhost:3000/company.Können Sie ersetzen Sie die leere Seite mit einem 404-Seite mit
<Route path="*" component={NotFoundPage} />
.Aktualisieren Sie bitte die Frage mit mehr Informationen, wenn keine dieser Hilfe.