网站首页 > 知识剖析正文

nodejs搭建服务器显示静态html页面

nixiaole 2025-05-14 15:39:11 知识剖析 9 ℃

前提：

安装配置有node环境

一、初始化node项目

在项目的工作目录，执行命令

npm init

初始化参数设置，可以根据情况设置，或者直接全部默认也行：

二、安装express模块

Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。

直接通过命令行安装

npm i express --save

G:\app-server>npm i -g express --save
+ express@4.17.1
added 2 packages from 2 contributors and updated 24 packages in 23.892s

三、编写app.js

新建一个app.js文件

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.listen(8080, () => {
console.log(`App listening at port 8080`)
})

在express添加中间件，设置静态资源路径为public，所有的HTML、CSS、JS等文件都放在public下即可。默认访问public下面的index.html

新建index.html

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web测试平台</title>
</head>
<body>
<h1>Web测试平台</h1>
</body>
</html>

四、启动服务

node app.js

即可运行

G:\app-server>node app.js

App listening at port 8080

访问ip:8080

就可以访问到index.html那个页面了哦。

好了，各位老铁。相信你一定也学会搭建这个服务器环境了哦。

有问题欢迎留言哦。一起学习。

上一篇：一个简单的个人网站模板
下一篇：零基础学习HTML之html框架内嵌框架和head头信息设置

网站首页 > 知识剖析 正文

nodejs搭建服务器显示静态html页面

猜你喜欢

网站首页 > 知识剖析正文