可以用以下的代码完成功能：

const content = lists.reduce((template,item,index) => {
  return template + `<p>No.${index+1} ${item}</p>`;
},`<h1>${pathName.slice(1)}</h1>`);
res.end(content);

上面代码的核心是路由匹配，当请求抵达时，检查是否有对应其路径的逻辑处理，当请求匹配不上任何路由时，返回 404。匹配成功时处理相应的逻辑。

上面的代码显然并不通用，而且在仅有两种路由匹配候选项（且还未区分请求方法），以及尚未使用数据库以及模板文件的前提下，代码都已经有些纠结了。因此接下来我们将搭建一个简易的MVC框架，使数据、模型、表现分离开来，各司其职。

搭建简易MVC框架

MVC 分别指的是：

M: Model （数据)

V: View （表现）

C: Controller （逻辑）

在 Node 中，MVC 架构下处理请求的过程如下：

请求抵达服务端

服务端将请求交由路由处理

路由通过路径匹配，将请求导向对应的 controller

controller 收到请求，向 model 索要数据

model 给 controller 返回其所需数据

controller 可能需要对收到的数据做一些再加工

controller 将处理好的数据交给 view

view 根据数据和模板生成响应内容

服务端将此内容返回客户端

以此为依据，我们需要准备以下模块：

server: 监听和响应请求

router: 将请求交由正确的controller处理

controllers: 执行业务逻辑，从 model 中取出数据，传递给 view

model: 提供数据

view: 提供 html

创建如下目录：

server

创建 server.js 文件：

先不管这个文件里的细节，router是下面将要完成的模块，这里先引入，请求抵达后即交由它处理。

router 模块

router模块其实只需完成一件事，将请求导向正确的controller处理，理想中它可以这样使用：

总的来说，我们希望它同时支持路由中间件和非中间件，请求抵达后会由 router 交给匹配上的中间件们处理。中间件是一个可访问请求对象和响应对象的函数，在中间件内可以做的事情包括：

执行任何代码，比如添加日志和处理错误等

修改请求 (req) 和响应对象 (res)，比如从 req.url 获取查询参数并赋值到 req.query

结束响应

调用下一个中间件 (next)

Note:

需要注意的是，如果在某个中间件内既没有终结响应，也没有调用 next 方法将控制权交给下一个中间件， 则请求就会挂起

__非路由中间件__通过以下方式添加，匹配所有请求：

比如上面的例子：

__路由中间件__通过以下方式添加，以 请求方法和路径精确匹配：

梳理好了之后先写出框架：

/lib/router.js

以上主要是给 router 添加了 use、get、post 等方法，每当调用这些方法时，给 routes 添加一条 route 规则。

Note:

Javascript 中函数是一种特殊的对象，能被调用的同时，还可以拥有属性、方法。

接下来的重点在 router 函数，它需要做的是：

从req对象中取得 method、pathname

依据 method、pathname 将请求与routes数组内各个 route 按它们被添加的顺序依次匹配

如果与某个route匹配成功，执行 route.handler，执行完后与下一个 route 匹配或结束流程 （后面详述）

如果匹配不成功，继续与下一个 route 匹配，重复3、4步骤

const next = () => {
  route = routes[i++];
  if (!route) return;
  const routeForAllRequest = !route.method && !route.path;
  if (routeForAllRequest || (route.method === method && pathname === route.path)) {
    route.handler(req,next);
  } else {
    next();
  }
}

next();

对于非路由中间件，直接调用其 handler。对于路由中间件，只有请求方法和路径都匹配成功时，才调用其 handler。当没有匹配上的 route 时，直接与下一个route继续匹配。

需要注意的是，在某条 route 匹配成功的情况下，执行完其 handler 之后，还会不会再接着与下个 route 匹配，就要看开发者在其 handler 内有没有主动调用 next() 交出控制权了。

在__server.js__中添加一些route：

每个请求抵达时，首先打印出一条 log，接着匹配其他route。当匹配上 actors 或 actresses 的 get 请求时，直接发回演员名字，并不需要继续匹配其他 route。如果都没匹配上，返回 404。

在浏览器中依次访问 http://localhost:9527/erwe、http://localhost:9527/actors、http://localhost:9527/actresses 测试一下：

后台命令行中也打印出了三条语句。

const next = (err) => {
  if (err) return errorHander(err,res);
  ...
}

next();