SPAにおける.htaccessでのリダイレクト

Question

React / React Router / Reduxを利用して開発したSPAがあります。

scores/createというURLでページが開かれたときに、/scores/newにリダイレクトしたいと思っています。これは、昔つくっていたサイトでのURLから、新しいものに移行するためです。301で転送したいと思っていました。

SPAでは一度JSファイルを読み込むと、リダイレクトなどの処理がJSで完結し、サーバーにアクセスせず、結果的にhtaccessが適用できないような気がします。

こういった場合、どのようにすればいいのでしょうか？

Answer 1

Serving Apps with Client-Side Routing

によると、SPAでのルーティング部分をサーバーサイドで処理するには、
publicの.htaccessに、

    Options -MultiViews
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [QSA,L]

を記述する必要があるそうです。

これと合わせて、実施すれば対応できるように思います。
動作未確認ですが、よろしければ、お試しください。