使用pm2+express部署vue项目

使用pm2 + express 在Contos上部署前端项目

在Centos7上使用pm2+express部署springboot+vue项目

项目是一个前后端分离项目 后端使用springboot 前端为两个Vue项目

如图:

​

api为后端接口 cms和view为前端项目 共用一个api接口

1. 打包springboot项目

将项目打包package 将xxxxx.jar发送至服务器(随便哪里能找到就行)

2. 将前端两个项目打包

由于我的前端是使用vue-cli创建的 所以打包npm run build后生成dist文件夹后 等下面环境安装好后将文件夹放入服务器

这边是创建了 Blog_cms和Blog_view文件夹

部署前端项目

由于前端使用的是vue-cli创建 先对项目进行打包npm run build

得到dist文件夹

3. 在服务器安装环境

创建node项目

• npm和node环境 和nginx 自行安装

• 在刚才创建的Blog_cms和Blog_view文件夹中分别初始化包管理配置文件

  npm init -y
  

安装 express (可以通过express快速创建web服务器)

• 安装express

  npm i express -S
  

开启gzip配置

gzip可以减小文件体积,使传输速度快

• 全局安装: npm i compression -S

安装pm2 管理应用

在服务器中全局安装pm2

• 安装: npm i pm2 -g

将打包好的前端两个项目 放入服务器中对应的文件夹中

进入dist文件夹内 创建配置启动文件

在dist生产发布包根目录下，创建启动文件index.js(文件名可自定义)

const express = require('express')
const compression = require("compression") //gzip包
const fs = require('fs')