nginx+pm2+vue+webpack发布项目

用pm2 来管理vue的部署，用nginx来做服务器反向代理。

pm2是一个内置负载均衡的node进程管理器；
nginx做反向代理的作用是隐藏vue服务的真实ip地址。

通用的项目目录结构

搭建pm2+vue

因为pm2是基于服务来管理的，所以我们需要一个在webpack构建好的静态文件夹上（一般是dist/）搭建一个node服务，这里我们用express来搭建node服务。

1. 在项目根目录添加app.js文件。

// app.js
const fs = require('fs');
const path = require('path');
const express = require('express');
const chalk = require('chalk')
const app = express();
app.use(express.static(path.resolve(__dirname, './dist')))

app.get('*', function(req, res) {
    const html = fs.readFileSync(path.resolve(__dirname, './dist/index.html'), 'utf-8')
    res.send(html)
})
app.listen(8082, res &