React Router Error - [ページ名]を取得できません

Question

私はReactを掘り下げているので、私はルータの必要性を見出しています。私はWes Bosのビデオシリーズに従っていますが、私のルート以外のどのルートにもアクセスしようとすると、邪魔になります。

import ReactRouter from 'react-router'; 
var Router = require('react-router').Router; 
var Route = require('react-router').Route; 
var Link = require('react-router').Link; 
var createBrowserHistory = require('history/lib/createBrowserHistory'); 

その後、私のルータ

var routes = (
    <Router history={createBrowserHistory()}> 
    <Route path="/" component={LoginPage} /> 
    <Route path="/dashboard" component={Dashboard} /> 
    <Route path="/search" component={SearchPage} /> 
    <Route path="/details" component={DetailsPage} /> 
    <Route path="*" component={LoginPage} /> 
    </Router> 
); 
ReactDOM.render(routes, document.getElementById('content')); 

しかし、私はlocalhostに行く場合：私は、エラーを与えています3000 /ダッシュボード：

Cannot GET /dashboard 

何かアドバイスを？

Answer 1

バックエンドサーバが設定されている方法

devServer: { 
     historyApiFallback: true 
    } 

Answer 2

ブラウザの履歴を使用する場合は、サーバーを適切に設定する必要があります。https://github.com/rackt/react-router/blob/v1.0.3/docs/guides/basics/Histories.md#configuring-your-server。

webpack devサーバーを使用している場合は、historyApiFallbackを有効にします。