首先我们要有一个静态页面 .html 文件。
然后,我们初始化一个express 项目。
首先新建一个目录,进入它,如果没有下载express 的话,使用命名下载npm install express --save 。已经下载过,就跳过。
接下来,我们再下载一个express 框架程序生成器并全局安装(用它创建一个新的Express 程序) npm install express-generator -g
好啦。我们来构建一个express 项目,使用命令 express fistserver
这样,express 框架程序生成器就能帮我们生成一个express 项目fitstserver的目录。如下。
我们把静态的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 ,即可访问页面了。