ic

react-routerを使用したサイトのリロード

javascript

react-routerを使用したことによりURLの変更が可能になったのですが、URLが変更されたページへアクセス、リロードをすると404エラーに、
そうなんです。
react-router でURLの書き換えを行っているだけなので実際に該当のURLにファイルが存在しないので404エラーが帰ってきてしまうのです、
その為サーバー側でマッチするURLがない場合indexにリダイレクトするよう設定してあげる必要があります。

nginx の場合

https://westa.io/@ottonove/qf6d
私のサーバーはapacheでしたので上記URLは試せておりませんので紹介程度に、、

apacheの場合

.htaccessに以下のコードを追加してみてください。
私はこれでうまくいきました。