React Router Vercel 404 Sorunu

Eğer react router kullandığınız bir projenizi vercel servsine deploy etmeye çalışıyorsanız ve aslında çok güzel çalışıyor ancak route değiştirip sayfayı yenileyince 404 hatası veriyor diyorsanız yapacağınız şey çok basit.

kök dizine vercel.json adıyla bir dosya oluşturun.

Ve içine şunu yapıştırın;

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

Daha sonra build alıp deploy işlemini gerçekleştirin ve testinizi yapın, sorunsuz çalıştığını göreceksiniz.

Bu kod gelen bütün istekleri yönlendirmenizi sağlıyor böylece hata almıyorsunuz.