logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

nodejs搭建服务器显示静态html页面（nodejs生成静态页面）

 _src_ 2022-12-30 发布于四川

前提：

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

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

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

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： _src_ > 《待分类》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多