How to deploy a Vue.js application on Node.js server How to deploy a Vue.js application on Node.js server node.js node.js

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