Server-side routing #

If you are using the history routing mode, the router uses the HTML History API to handle client-side routing. This breaks when the user refreshes a URL that isn't handled server-side.
To ensure the client can handle the URL, you need server-side logic to route to the client.

For example, when using NodeJS and Express:

app.get('*', function (req, res) {
res.sendFile(__dirname + '/index.html')
})

Full page reloads #

If the browser reloads to a route that is not at root level, for example; /user/matt/tasks, the browser will need to load resources relative to the root.
To ensure this happens, add a base tag to the head of your index page:

<head>
<base href="/">
<!-- other head tags come after this -->
</head>