title: Vue Routes does not work properly in production
body: <p>I am new to vuejs. For my Vuejs application, I cannot access url like '/foo/apple' in the web hosting server, after I run the "npm run build". It shows error 404 I am using the HTML5 History Mode,(<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 I implemented the "connect-history-api-fallback" like below in dev-server.js:</p>
  
  <pre><code>const express = require('express')
  const app = express()
  app.use(require('connect-history-api-fallback')())
  </code></pre>
  
  <p>My router/index.js</p>
  
  <pre><code>export default new Router({
    mode: 'history',
    {
        path: '/Product',
        name: 'Product',
        component: Product,
    },
    {
        path: '/Product/kraftbag',
        name: 'Kraftbag',
        component: Kraftbag
    },
  }); 
  </code></pre>
  
  <p>my website <a href="http://americandunnage.n55lwi.info/" rel="nofollow noreferrer">http://americandunnage.n55lwi.info/</a>.
  I have looked for a lot of posts regarding to this problem, but I still can find the solution.</p>