首先我们要有一个静态页面 .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 ,即可访问页面了。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐