NodeJS搭建 Vue 生产环境

发布于 2023-04-10  158 次阅读


NodeJS搭建 Vue 生产环境

一、基础启动

1.创建Node项目

npm init -y

2.安装expres

npm i express -S

3.创建app.js并填写以下代码

const express = require("express");

const app = express()

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

app.listen(80, () => {

console.log("Server is running on port 80");

});

4.上传vue编译后的文件

​ 将vue项目中编译后的的dist目录放到当前文件夹的根目录下

5.启动

node ./app.js

image-20230410174400793

二、开启GZip压缩

1.安装compression

npm i compression -S

2.配置app.js

​ 页面加入(有先后顺序)

const compression = require("compression");

app.use(compression())

image-20230410175359586

三、服务器

1.安装pm2

npm i pm2 -g

2.启动

pm2 start app.js --name [自定义名称]

3.查看

pm2 ls

4.重启

pm2 restart [自定义名称]

5.停止

pm2 stop [自定义名称]

6.删除对应项目

pm2 delete [自定义名称]