title: How to get Heroku to route Vue pages
body: <p>I'm having a problem, where everything is working great on my local machine using Vue.js and Node.js with express for a little vue web app, that is using the vue router.</p>
  <p>I can go to http://localhost:5000/Match and my page loads. There are other /whatever pages that all work fine.</p>
  <p>When it deploys to Heroku, if I go to the /Match url I get a &quot;Cannot GET /Match&quot;</p>
  <p>I made some changes as recommended on this site, but they didn't help. Maybe that was for older versions of vue/express? I've tried search for this without really being able to find a answer, as most seems to be aimed at turning on history, which I've already done.</p>
  <p>Is there a heroku config that needed added to allow it permission to the routes?</p>
  <p>I really appreciate your help and time on this this. Thank you!</p>
  <p>This is my index.js file in Node.js.</p>
  <pre><code>const express = require('express');
  const history = require('connect-history-api-fallback');
  const path = require('path');
  const app = express();
  
  //Set static folder
  //app.use(express.static(path.join(__dirname, 'public')));
  const staticFileMiddleware = express.static(path.join(__dirname, 'public'));
  app.use(staticFileMiddleware);
  app.use(history({
      disableDotRule: true,
      verbose: true
  }));
  app.use(staticFileMiddleware);
  
  const PORT = process.env.PORT || 5000;
  app.listen(PORT, () =&gt; console.log(`Sever started on port ${PORT}`));
  </code></pre>