CRAで作ったreactアプリを
- GitHub pages
- Netlify
で公開してみたときに気づいたまとめです。
サービスによるルーティング設定の違い
GitHub pages
pushStateへの対応方法
-
pushStateを使わずhashRouter(#など)を使う - routeパスに
{process.env.PUBLIC_URL}を追加する。
Gh-pages deployment problems with react-router
Netlify
pushStateへの対応方法
1.publicフォルダに以下の内容の_redirectsファイルを作成する。
/* /index.html 200
History Pushstate and Single Page Apps
初めてnetlify使ったのですが、以下の記事を参考にさせていただきました。