小白如何在线上服务器部署一个vue项目

如何将demo部署上线？（此操作前提是有一个完整的本地vue demo）
如果你在本地创建了一个vue项目，但不知如何在服务器上部署，请按照下面的4个步骤操作。

1.「本地打包」
本地成功运行vue项目后，命令行输入npm run build，将项目打包成dist目录

2.「准备上传文件夹」
直接将下面默认代码保存成server.js（可以根据需要修改），再将js文件放入【上传文件夹】之中

const express = require('express');
const app = express();
app.use(express.static('./dist'));

const port = 3003;

app.listen(port, function (err) {
  if (err) {
    console.log(err);
    return;
  }
  console.log('Listening at http://localhost:' + port + '\n');
});

最终的【上传文件夹】包含：server.js、dist目录

3.「文件夹上传到服务器上」
终端链接上服务器后，输入一下代码，or用笨方法拖拽上传（使用filezilla)

scp -r ./dist [email protected]:/home/jw/demo/

4.「服务器上启动服务」
首先需要安装npm

npm install

最后就可以启动服务了，推荐第二种方法，因为可以放在后台运行，这样就可以关掉命令行界面，否则方法一要一直保持命令行界面开启
法一：node server.js
法二：pm2 start server.js----需要先安pm2:pm2 install

最终的域名：ip+端口，如10.9.7.32:3000