How to deploy a Vue.js application on Node.js server
Since Vue is only a frontend library, the easiest way to host it and do things like serve up assets is to create a simple Express friendly script that you can use to start a mini-web server. Read up quickly on Express if you haven’t already. After that, add express:
npm install express --save
Now add a server.js
file to your project’s root directory :
// server.jsvar express = require('express');var path = require('path');var serveStatic = require('serve-static');app = express();app.use(serveStatic(__dirname + "/dist"));var port = process.env.PORT || 5000;var hostname = '127.0.0.1';app.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); });
after that you could run :
node server
and your project will be served at the given host and port
Assuming that you have already the dist
directory, if you don't have it run :
npm run build
in order to generate it