title: Browser navigation not loading component in Vue.js app
body: <p>I'm building a single-page application in Vue.js. Currently, navigation through the site works properly until you attempt to use the browser navigation buttons (back/forward). </p>
  
  <p>When attempting to navigate with these no pages will be created. The URL will change but no components are loaded, unless you backup to the base URL where the component is loaded.</p>
  
  <p>The templates are not loaded at all, I also have ESlint which shows no errors.</p>
  
  <p>Here is my index.js for the router:</p>
  
  <pre><code>Vue.use(Router);
  
  export default new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        name: 'search',
        component: Search,
      },
      {
        path: '/results?terms=:terms',
        name: 'results',
        component: Results,
      },
      {
        path: '/review?id=:id',
        name: 'review',
        component: Review,
      },
    ],
  });
  </code></pre>
  
  <p>I change pages by using: <code>this.$router.push({ name: 'results', params: { terms: this.terms } });</code></p>
  
  <p>I'm very new to Vue so I'm pretty sure I've just made a stupid mistake, but I've spent way too much time trying to figure this out so some help would be nice. Thanks.</p>