title: vue-router, can't refresh routes with dynamic id's
body: <p>I'm having trouble with my vue-router. I've copied a portion of my router for you to view and also a portion of the component in which I am using the the router-view. As you can see, I am using props as it's my understanding that props are the advanced way of passing $router.params. Also, this is a nested router-view. I can route to and from the nested routes just fine, but when I click refresh, I get these errors in the console. </p>
  
  <p>"Failed to load resource: the server responded with a status of 404 (Not Found)"</p>
  
  <p>"GET <a href="http://localhost:8080/distilleries/1/dist/build.js" rel="nofollow noreferrer">http://localhost:8080/distilleries/1/dist/build.js</a> net::ERR_ABORTED"</p>
  
  <p>I am wondering if anyone can help. </p>
  
  <pre><code>{
    path: '/distilleries/:id',
    component: Distillery,
    props: true,
    children: [
      {
        path: '',
        component: DistilleryAbout,
        name: 'DistilleryAbout',
        props: true
      },
      {
        path: 'spirits',
        props: true,
        component: DistilleryProducts,
        name: 'DistilleryProducts'
      },
      {
        path: 'awards',
        props: true,
        component: DistilleryAwards,
        name: 'DistilleryAwards'
      },
      {
        path: 'reviews',
        props: true,
        component: DistilleryReviews,
        name: 'DistilleryReviews'
      },
      {
        path: 'recipes',
        props: true,
        component: DistilleryRecipes,
        name: 'DistilleryRecipes'
      },
      {
        path: 'media',
        props: true,
        component: DistilleryMedia,
        name: 'DistilleryMedia'
      }
    ]
  }
  
  &lt;v-flex xs12&gt;
      &lt;v-toolbar class="lb" flat&gt;
        &lt;v-toolbar-items style="margin: 0 auto"&gt;
          &lt;v-layout row wrap&gt;
            &lt;v-flex xs6 md12 class="mt-3"&gt;
              &lt;router-link
                      tag="span"
                      v-for="items in menuItems"
                      :key="items.id"
                      class="itemsButton ma-3 pa-3 cb"
                      :to="{ name: items.link }"
                      &gt;{‌{ items.title }}
              &lt;/router-link&gt;
            &lt;/v-flex&gt;
          &lt;/v-layout&gt;
        &lt;/v-toolbar-items&gt;
      &lt;/v-toolbar&gt;
      &lt;router-view :distillery="distillery"&gt;&lt;/router-view&gt;
    &lt;/v-flex&gt;
  </code></pre>