express如何返回一个html文档,node.js express 返回一个静态页面

首先我们要有一个静态页面 .html 文件。

然后,我们初始化一个express 项目。

首先新建一个目录,进入它,如果没有下载express的话,使用命名下载npm install express --save 。已经下载过,就跳过。

接下来,我们再下载一个express 框架程序生成器并全局安装(用它创建一个新的Express 程序) npm install express-generator -g

好啦。我们来构建一个express 项目,使用命令 express fistserver

这样,express 框架程序生成器就能帮我们生成一个express 项目fitstserver的目录。如下。

e1c5fd0d103b7925c4ee1c10746e4c65.png

我们把静态的html 文件可以放进来了,放在 firstServer 目录下,或者新建一个www 文件夹放里面都可以。这里我们就新建一个www文件夹,把index.html 和相关的js 文件放进去。

然后呢,我们还需要一个 express 的中间件 express-static

我们来下载一下,使用命令 npm install express-static --save

下载完后,我们在项目根目录下,新建一个文件try.js 然后try.js 的代码如下。

const express = require("express");

const exStatic = require("express-static");

const app = express();

app.use(exStatic('./www'));

app.listen(8989);

如果,静态页面放在根目录下。那么倒数第二行改为:app.use(exStatic('./')) ,就好。

然后启动node 服务,node try.js 。就可以在浏览器输入 http://localhost:8989/index.html ,即可访问页面了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值