编程开源技术交流，分享技术与知识

网站首页 > 开源技术 正文

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

wxchong 2024-10-22 17:54:52 开源技术 8 ℃ 0 评论

前提：

安装配置有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那个页面了哦。


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

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

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表
赣ICP备2023011894号-2