目录

一、使用node启动本地web服务器

1、使用express

1）项目安装express

2）app.js关键代码如下 

3）启动服务

4）打开浏览器访问相应地址即可看到项目

2、使用 http-server

1）全局安装http-server

2）启动服务

3）打开浏览器访问相应地址即可看到项目

二、使用pm2管理服务器项目

1、使用方法

1）全局安装pm2

2）启动项目

2、补充知识

---

 

一、使用node启动本地web服务器

启动node服务，将vue打包生成的dist文件夹托管为静态资源访问。

1、使用express

当前项目文件夹目录如下：

1）项目安装express

cnpm i express -S

2）app.js关键代码如下 

// 引入express中间件
const express = require('express');

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

// 指定启动服务器到哪个文件夹
app.use(express.static('./dist'));

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

3）启动服务

// 当前项目文件夹下运行
node app.js

项目启动成功，则会有如下提示：

4）打开浏览器访问相应地址即可看到项目

 

2、使用 http-server

使用http-server是最方便的方式，只需要全局安装http-server即可。

1）全局安装http-server

cnpm i http-server -g

2）启动服务

// 进入到dist文件夹下运行指令

http-server // 默认端口
http-server -p 8000 // 指定端口

项目启动成功，则会有如下提示：

3）打开浏览器访问相应地址即可看到项目

 

 

二、使用pm2管理服务器项目

上述操作后，当我们将终端窗口关闭之后，就无法再访问网址了，这个时候我们就需要借助pm2来实现，关闭终端窗口后仍然可以访问项目。

1、使用方法

1）全局安装pm2

cnpm i pm2 -g

2）启动项目

// 当前文件夹下运行
pm2 start app.js --name web

运行成功之后会显示：

终端关闭之后，在浏览器中依旧可以访问我们网址。

 

2、补充知识

同时，我们还可以再次打开终端窗口，进行其他指令操作

1）查看当前电脑运行了哪些项目

pm2 ls

2）停止项目

// pm2 stop name 使用项目名称
pm2 stop web

// pm2 stop id 或者使用项目id 更加简短方便
pm2 stop 0 

3、重启项目

// pm2 restart name 使用项目名称
pm2 restart web

// pm2 restart id 或者使用项目id 更加简短方便
pm2 restart 0 

4、删除项目

// pm2 delete name 使用项目名称
pm2 delete web

// pm2 delete id 或者使用项目id 更加简短方便
pm2 delete 0 

参考地址：

本地启动服务的三种方法

bilibili视频