In my React + Vite project using createBrowserRouter, everything works as expected in local dev and Vercel preview deployments. But in production, routes like /reset-password and nested paths like /users/:id throw a 404 error when accessed directly or refreshed. Current (Production only): Visitin…

@miguelcabs Ah, good point! You just made me realize something! ▶ Old solution Based on your current project config, you should move vercel.json from Develop/client to Develop/. Do not move it to the GitHub project root, just to Develop/, which is the deployment root.

React + Vite + createBrowserRouter: Production 404 on Nested Routes

Help

bestcodes (BestCodes) April 13, 2025, 2:03am 5

@jacobparis Your example site is not working. For example, visit a URL directly instead of from the main page:

https://vite-react-drab-two-60.vercel.app/about

(This is because Vite creates an SPA.)

Topic		Replies	Views
React Router and Vite App: 404 Error for Routes on Vercel Deployment Help	3	750	December 9, 2024
Rewrite to index.html ignored for React + Vite SPA (404 on routes) Help react , vite	6	168	April 14, 2025
Persistent 404 Error Help	5	12	June 23, 2025
Getting 404 on Full-Stack Vite/Node.js app Help express , vite	5	140	February 8, 2025
Pages broken when deployed Help react , vite	5	35	January 7, 2025

React + Vite + createBrowserRouter: Production 404 on Nested Routes

Related topics