React Router を使った React アプリを Vercel にデプロイする時の設定

2022/06/18

React アプリに React Router を使ってページを追加した
ローカルでは動いたが、Vercel にデプロイすると 404 エラーが表示されてうまく動かない

プロジェクトルートに以下のような vercel.json を追加してデプロイすると解決する

vercel.json

{
  "rewrites": [
    { "source": "/(.*)", "destination": "/" }
  ]
}

SPA でありがちな問題っぽい

参考