React subpage getting 404 on server

[heathbo1]

I have a React app that runs perfectly during dev. All of the subpages go where they're supposed to go. On the server, I get 404 errors every time I refresh the browser while on a subpage. This is the first time I've used Vite. Is there a setting or setup I need to do to make this work?

[rschristian]

You probably want to enable SPA routing, aka, everything routes to index.html, assuming you're not prerendering or anything.

The problem is that if you're on /foo, your file server will try to serve /foo.html or /foo/index.html, and if they don't exist, will respond with a 404 instead. Have to map everything to /index.html.

[heathbo1]

Are you referring to a configuration in the project or on my server?

[rschristian]

This would be on your server or in your hosting platform's config.