使用node服务器简单启动本地项目

1 篇文章 0 订阅

目录

一、使用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视频

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值