title: Vue Router not working once production is built
body: <p>My Vue project works correctly when I build it using dev. However, once I run <code>npm run build</code> and move the files in dist to my webserver, Vue Router doesn't seem to work anymore.</p>
  
  <p>I've tried removing history mode, but this didn't work.</p>
  
  <p>Vue Router</p>
  
  <pre><code>import Vue from 'vue'
  import Router from 'vue-router'
  import Home from './views/Home.vue'
  import axios from 'axios'
  
  Vue.use(Router)
  
  const router =  new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
      {
        path: '/',
        name: 'home',
        component: Home
      },
      {
        path: '/donate',
        name: 'donate',
        component: () =&gt; import('./views/Donate.vue')
      },
      {
        path: '/guildselector',
        name: 'guildselector',
        meta: {
          requiresAuth: true
        },
        component: () =&gt; import('./views/Guildselector.vue')
      },
      {
        path: '/guild/:id',
        name: 'guild',
        meta: {
          requiresAuth: true,
          requiresAdmin: true
        },
        component: () =&gt; import('./views/Guildpanel.vue')
      }
    ]
  })
  
  export default router
  </code></pre>
  
  <p><code>MyWebsite.com/guildselecto</code>r should show the <code>Guildselector</code> component for example, however I get a </p>
  
  <pre><code>Not Found The requested URL /guildselector was not found on this server.
  </code></pre>
  
  <p>Only the donate page and landing page work.</p>