Node.js做服务发布静态页面(nodejs 静态页面)

看看资讯 / 100+人浏览
注意:免费节点订阅链接已更新至 2026-11-8,点击查看详情

1、 确保安装了Node.js 和NPM (node.js包管理器)

Node.js 官网:https://nodejs.org/

安装了nodejs后,自动会安装npm


2、在盘符下新建立一个目录,例如是express-html ,并在改目录下初始化新的Node.js项目,执行 npm init –y 命令

d:\\node\express-project>npm init -y


3、安装Express.js,它是一个流行的Node.js框架,用于构建Web应用程序。在终端中执行以下命令 npm install express

d:\\node\express-project>npm install express

4 、使用vscode 在文件目录,新建立一个server.js文件,可以复制下面代码

const express = require('express');

const app = express();

const port = 3000; //端口号为3000 你可以自由改变这个端口


// 指定静态文件目录

app.use(express.static('public'));


app.use(express.static('public', { index: 'index.html' }));

// 启动服务器

app.listen(port, () => {

console.log(`Server started on port ${port}`);

});

5、在该目录下建立一个文件夹 ,名称为"public", 然后在public目录下新建 index.html文件,或者是直接将静态网站直接拷贝到该目录。

6 、在vscode中,打开ERMINAL,在命令中输入node server.js

d:\\node\express-project>node server.js

7 、打开谷歌浏览器,在地址栏中输入http://localhost:3000,即可看到你的静态页面

版权声明:

作者: FreeClashNode

链接: https://www.freeclashnode.com/news/article-2788.htm

来源: www.freeclashnode.com

文章版权归作者所有,未经允许请勿转载。

特别推荐

西游云
西游云

高速稳定的网络加速

畅享全球内容,访问 ChatGPT、TikTok、Google 等热门网站。 全平台支持 · 7×24 专业客服 · 采用军工级安全加密传输技术。

免费节点实时更新

最新文章