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使ったのですが、以下の記事を参考にさせていただきました。