React Redirect работает локально, но на Vercel выдает ошибку 404
У меня возникла проблема с моим приложением React, развернутым на Vercel. У меня есть маршрут /property/:id, который включает кнопку, при нажатии на которую должно происходить перенаправление на /profile/:id. Это перенаправление отлично работает в моей локальной среде разработки, но не работает при развертывании в Vercel, показывая ответ 404 в консоли (идентификатор используется Firebase далее в profile/:id).
Как ни странно, перенаправление работает нормально, когда я нахожусь в корневом каталоге / и перехожу непосредственно к /profile/:id. Кажется, что это не удается только при попытке перенаправить с /property/:id на /profile/:id.
в консоли показывает ответ 404
Ответы 1
Убедитесь, что ваше развертывание Vercel настроено на перенаправление всех нестатических запросов и запросов, не связанных с API, в файл index.html. Обычно это можно сделать, настроив файл vercel.json в корне вашего проекта с правилами перезаписи:
{
"rewrites": [
{ "source": "/(.*)", "destination": "/" }
]
}
Просмотрите конфигурацию React Router на наличие динамических маршрутов и убедитесь, что она соответствует предполагаемым структурам URL-адресов. Кроме того, проверьте все конфигурации на стороне сервера (например, vercel.json), чтобы убедиться, что они допускают динамическую маршрутизацию.