node + express简单地部署静态页面

在我们写一些静态页面,页面需要使用http访问进行测试的时候,一般的IDE都有相关的插件,可以直接通过http进行访问测试,但是如果IDE不自带这个功能,或者你不想使用这个功能,那我们怎么通过node来实现简单的静态页面转发呢?

步骤:
1,npm安装express
首先电脑要已经安装了node,需要连外网,运行运行指令npm install express -D,等待安装(直接通过npm安装较慢,安装了cnpm的可以通过cnpm安装)。

2,编写启动脚本
新建一个js文件,例如文件名为app.js,键入以下代码:

const express = require("express")

const server = express();
   
server.listen(3001, function () { //在3001端口启动
    console.log('Example app listening on port 3001');
})

server.use('', express.static('./'))

3,执行启动脚本
用node运行app.js:node app.js
执行成功后,就可以通过http://localhost:3001访问到app.js同级的静态页面了。

比如文档目录如下:
在这里插入图片描述
启动app.js后,即可通过 http://localhost:3001/a.html 访问到a.html的页面了,效果如下:
在这里插入图片描述

发布了51 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/huzhenv5/article/details/103984238
今日推荐