[Netlify] Reactで直接URLを叩くと404になるときの対応

概要

以下の記事の解決方法に、サーバー側の設定でリライト設定をするとあり、
Netlifyを使っていて少し手間取ったため、Netlifyで対応する方法を書いておきます。

状況(上の記事から引用)

https://hogeapp.com/Fugaが表示された後リロードする　→　404ページが表示される
ブラウザでhttps://hogeapp.com/Fugaを直接叩く　→　404ページが表示される

やること

• _redirectsファイルをメインのディレクトリに作成
• 以下の内容を記述

_redirects

/*    /index.html   200

これでNetlifyの方でデプロイしたら完了です。

参考

Special Thanks;
https://qiita.com/yakipudding/items/78e68ef31e55f559c0dc

https://docs.netlify.com/routing/redirects/rewrites-proxies/
https://docs.netlify.com/routing/redirects/#syntax-for-the-redirects-file