[React + Firebase] ReactをFirebaseにデプロイした際、ルート以外のURLでリダイレクトするとNot Foundになる

Question

ReactでFirebaseにデプロイした際
ルート以外のURLでリダイレクトするとNot FoundになるになるのはSPA上仕方ないというのは周知しているのですが
アプリの機能上、URLパラメーター「？〜」でページを遷移（リダイレクト）させる仕様にしており
こちらができないとアプリそのものが使えない状態になってしまっています。

ローカルならこの実装方法でもうまくいくのですが、これをFirebase上でもうまくいく方法はあるでしょうか？

それか、そもそもReactでページリダイレクト(Link to以外の実装)させる実装方法自体ナンセンスなのでしょうか？

Comments

[hoshi-takanori]

Link タグを使わずにリダイレクトするとページの再読み込みが発生し、SPA ではなくなると理解しています。また、?〜 によるパラメータの解釈もサーバー次第なので、Firebase では対応してないのかもしれませんね。

Answer 1

SPAである以上ルーティング以外でリダイレクトすると当然NotFoundになるのは変えれなそうなので
ログアウトした際は、historyで'/'（ルート）に強制的にリダイレクトさせることでNotFoundを出さずに無事遷移できました。

Reactのコードですがアップしておきます。

// 省略

const SignOut = () => {
    const user = firebase.auth().currentUser;

    const { signout } = useContext(AuthContext);
    const onSignOut = () => {
        signout();
        window.history.pushState(null, null, '/')
    }

    return(
        <React.Fragment>
            {/* 省略 */}
        </React.Fragment>
    );
}

export default withRouter(SignOut);