vue 项目上线相关配置

1、通过 node 创建 web 服务器

创建 node 项目，初始化 npm init -y 并安装 express，通过 express 快速创建 web 服务器，将 vue 打包生成的 dist 文件夹，托管为静态资源即可:

const express = require('express');

// 创建一个 web 服务器

const app = express();

// 托管静态资源

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

// 启动 web 服务器 80：为本地端口这里改为服务器端口即可

app.listen(80,() => {

console.log('服务器启动')

});

2、开启 gzip 配置

使用 gzip 可以减小文件体积，使传输速度更快，可以通过服务器端使用 express 做 gzip 压缩。其配置如下：

// 安装相应包

npm install compression -p

// 导入包

const compression = require('compression');

// 启动中间件

app.use(compression())

3、如果开启服务太多难以查找，使用 pm2 管理应用

1、在服务器中安装 pm2: npm i pm2 -g

2、启动项目：pm2 start 脚本 --name 自定义名称

3、查看运行项目：pm2 ls

4、重启项目：pm2 restart 自定义名称（或者是：id）

5、停止项目：pm2 stop 自定义名称（或者是：id） 6、删除项目：pm2 delete 自定义名称（或者是：id）