Deploy Vue.js app /dist to Heroku

vue-heroku.md

1. Add express and serve-static via npm:

$ npm install express serve-static

2. Create file named heroku.js on at the root directory of a Vue.js project:

const express = require('express');
const serveStatic = require("serve-static")
const path = require('path');
app = express();
app.use(serveStatic(path.join(__dirname, 'dist')));
const port = process.env.PORT || 80;
app.listen(port);

3. In package.json add the ff to the scripts section:

"postinstall": "npm run build",
"start": "node heroku.js"

Then add the project to your Heroku and deploy.