阿里云CentOs中Vue项目的上线（node+express+pm2）

通过node创建web服务器

1. 创建node项目

• 创建一个文件夹
• 初始化包管理配置文件

npm init -y

2. 安装express， 通过express快速创建web服务器

• 安装express

npm i express -S

3. 新建app.js入口文件，进行如下配置

const express = require('express') 
// 创建 web 服务器 
const app = express() 

// 托管静态资源 
app.use(express.static('./dist')) 

// 启动 web 服务器 ，端口号为80
app.listen(80, () => { 
 console.log('web server running at http://127.0.0.1') 
})

4. 将vue打包好的dist文件放入项目中

• 目录如下：

开启gzip配置

• 使用 gzip 可以减小文件体积，使传输速度更快
• 配置如下：
  

  // 安装相应包   
  npm install compression -S   
  // 导入包   
  const compression = require('compression');   
  // 启用中间件   
  app.use(compression());

app.js完整代码如下：

const compression = require('compression')
const express = require('express')
const app = express()

app.use(compression())
app.use(express.static('./dist'))

app.listen(80, () => {
	console.log('server is running ')
})

使用pm2管理应用

• 在服务器中安装 pm2：npm i pm2 -g
• 启动项目：pm2 start 脚本 --name 自定义名称
• 查看运行项目：pm2 ls
• 重启项目：pm2 restart 自定义名称
• 停止项目：pm2 stop 自定义名称
• 删除项目：pm2 delete 自定义名称