React（with React Router）プロジェクトをVercelにデプロイした時に出る404エラー

1215 ワード

テキストリンク

例　https://myapp.com/sub-page を表示した状態でブラウザを更新すると404エラーが表示される

vercelの404エラー表示

VercelサーバーがReactのサブページを認識していないため

vercel.jsonファイルを作成してデプロイし直す

vercel.json

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

以上で各ページが問題なく表示され、更新しても正しく表示されるようになります。

この問題について(React（with React Router）プロジェクトをVercelにデプロイした時に出る404エラー), 我々は、より多くの情報をここで見つけました https://zenn.dev/hiro4hiro4/articles/4099f1ab2b4d01

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Collection and Share based on the CC protocol