HashHistory対BrowserHistory

Webpack-Dev-ServerとReact-RouterでNodeを使用しています。私が持っている私のapp.jsファイルでHashHistory対BrowserHistory

：browserHistoryブラウザを使用して

<Router history={browserHistory}> 
    <Route path="/" component={Layout}> 
    <IndexRoute component={FindFriends} /> 
    <Route path="/you" component={YouAndYourFriends} /> 
    </Route> 
</Router>

はエラーを返します：Cannot GET /you

私はhashHistoryにbrowserHistoryを変更すると、すべてが正常に動作します。

私の間違いはどこですか？またはbrowserHistoryを使用して何をすべきですか？

出典

2016-12-13 Timo

私は問題は、ノードサーバーがpushStateをサポートするのに役立つ必要があると考えています。 Webpackはすべてを1つのバンドルに入れ、ノードはサブページが同じファイルで提供されることを認識しません。出力を精査すると、pushstateをインストールするように指示するメッセージが表示されます。 https://www.npmjs.com/package/pushstate-server –

http://stackoverflow.com/questions/36289683/whatを参照してください。 - ハッシュヒストリーとブラウザの履歴の間の反応ルータで – Maninacan

https://www.youtube.com/watch?v=eofpZPRUnP8&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS&index=16 – Timo

この問題がありました。は私のwebpack.config.js

devServer: { 
    historyApiFallback: true, 
    contentBase: path.join(__dirname, "dist"), // Not Related but important 
}

に以下を追加することによって、それを解決します。また、コマンドラインを介して、このオプションを切り替えることができます。私の場合は https://webpack.github.io/docs/webpack-dev-server.html#the-historyapifallback-option

を、私は、configファイルにそれを置くことによってそれ働いてしまいました。

幸運を祈る！

出典

2016-12-13 21:14:42

答えて

関連する問題