Production stack: React, React Router v4, BrowswerRouter, Express, Nginx
1) User BrowserRouter for pretty urls
// app.js
import { BrowserRouter as Router } from 'react-router-dom'
const App = () {
render() {
return (
<Router>
// your routes here
</Router>
)
}
}
2) Add index.html to all unknown requests by using /*
// server.js
app.get('/*', function(req, res) {
res.sendFile(path.join(__dirname, 'path/to/your/index.html'), function(err) {
if (err) {
res.status(500).send(err)
}
})
})
3) bundle webpack with webpack -p
4) run nodemon server.js or node server.js
EDIT: You may want to let nginx handle this in the server block and disregard step 2:
location / {
try_files $uri /index.html;
}