FirebaseにてReact-routerを使いたい。

Question

前提・実現したいこと

Firebaseでreact-routerを使って、ページ遷移ができるようにしたいです。

発生している問題・エラーメッセージ

ローカル環境では、問題なくルーティングができているのですが、firebaseで公開すると、404エラーとなってしまいます。

該当のソースコード

一応、Reactのソースコードを載せますが、ローカルでは問題ないので、おそらくここのコード自体は問題ないと思っています。

     <Route>
        <Switch>
            <Route
                exact
                path="/"
                render={() => {
                    return <Top />
                }}
            />
            <Route
                exact
                path="/registration"
                render={() => {
                    return <Registration />
                }}
            />
        </Switch>
     </Route>

補足情報（FW/ツールのバージョンなど）

サーバーはFirebaseのHostingとFirestoreを使用しています。
フロントはReactをしようしています。
masterブランチをbuildする時、buildしたディレクトリをdeployする時、firebaseの設定のどこかで何かをミスっているのだと思います。どの辺が原因として考えられそうでしょうか。

Answer 1

firebase initでhostingの設定をする所があったと思いますが
そこでsingle-page app的なオプションでNoの方を選ばれたりしてないでしょうか？

Comments

[rkmy]

ご回答ありがとうございます！
覚えていないのですが、もしその時NOを選んでいた場合、後から変更は可能なのでしょうか？

[yy_tn]

firebase.json内にrewritesの文字が無ければ、そこでNoを選ばれたんだと思います。
https://firebase.google.com/docs/hosting/full-config?hl=ja#rewrites
firebase.jsonを直接書き換えてもいいですし、特に自分で設定を追加していないなら、
再度firebase initして作り直してもいいんじゃないでしょうか。

[rkmy]

ありがとうございます！！
解決しました！！