How to update page with react-router-component

Question

I'm using react-router-component (not react-router) to handle routing in my single page application. Refreshing the page or typing route manually in address bar results in page not found. How to handle the refresh and navigation by address in react-router-component?

Answer 1

By default the server will look for an html file at the route it receives. So you should configure it for html5 navigation to return you index.html for any route it receives.

For example with webpack-dev-server, you can add this to your webpack dev server config:

historyApiFallback: true