ReactRouterで特定urlをリロードするとCannotGet ~になるのでHashRouterを使う

参考

react-routerでcannot getとか404になる時のwebpack設定やrewrite設定のメモ

ReactRouterを使っていて特定の場所でリロードするとcannot get~が出るので直す。

devserverの場合

historyApiFallback:trueにする。

HashRouterを使う場合

僕はこれをやりました。

urlが汚れてしまうが#を挟んでアクセスできるようにする。

import { HashRouter as Router} from 'react-router-dom’

でできるようになるはず。

本番環境場合

まだ僕はやってませんがnginxとかapacheでindex.htmlにリダイレクトさせるらしいです。

参考

React-router and nginx