title: Vue Router: access page directly from browser address bar
body: <p>I'm using Vue Router history mode for my Vue.js app. My problem is that, when I try to refresh a page that is not the root page, or enter its URL in the browser address bar, "page not found" 404 is displayed.</p>
  
  <p>Now, in the Vue Router guide they warn about this (see <a href="https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations" rel="nofollow noreferrer">https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations</a>), and suggest the solution to "add a simple catch-all fallback route to your server. If the URL doesn't match any static assets, it should serve the same index.html page that your app lives in". </p>
  
  <p>With this solution, if I try to access one of my non-root pages (with corresponding URL) through the browser address bar, the root page will be displayed. Is this interpretation correct? </p>
  
  <p>My question: is there a way to achieve the behaviour such that I can access my different pages <strong>directly</strong> from the browser address bar, and upon refresh stay on the same page? </p>