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

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

来源: FreeClashNode

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

免费节点实时更新

热门文章

最新文章

归档