背景
在前端开发中，经常需要搭建本地开发服务器，并且需要对不同的 URL 请求进行路由处理。通常情况下，我们可以使用 express、koa 等框架实现路由处理。但有时候我们并不需要那么大的框架，只需要一个简单的路由功能就可以了。那么该如何实现呢？
简介
lr-server-router 是一个轻量级的前端路由库，可以基于 HTTP 请求进行路由处理，并且支持动态路由。它将请求的路由路径与自定义的路由规则进行匹配，找到匹配的路由后执行对应的处理函数。lr-server-router 运行于 Node.js 环境，并且可以作为一个 express 中间件使用。
安装
使用 npm 安装 lr-server-router：
npm install lr-server-router
使用
首先我们需要在项目中引入 lr-server-router：
const lrServerRouter = require('lr-server-router');
const app = require('express')();然后定义几个路由规则：
-- -------------------- ---- -------
----- ----------- - -
-
----- ----------------
------- ------
-------- ----- ---- -- -
--------------- ------------------------
-
--
-
----- ---------
------- -------
-------- ----- ---- -- -
----- - --------- -------- - - ---------
-- ------------
---------- -------- ----- -------- ------ ---
-
-
--上面的路由规则定义了两个路由：一个是带有动态参数的路由 /home/:userId，另一个是一个 POST 请求的路由 /login。handler 是处理函数，当路由匹配成功时会执行该函数。
最后将 lr-server-router 注册为 express 的中间件：
app.use(lrServerRouter(routerRules));
启动 express 服务器后，可以通过 curl 或者浏览器直接访问 http://localhost:3000/login 来测试路由是否生效。
动态路由参数
在上面的例子中，/home/:userId 是一个带有动态参数的路由。我们可以在 path 中使用 : 参数名来表示该参数是动态的，例如 /home/:userId。lr-server-router 会将动态参数存储在 req.params 对象中，我们可以在处理函数中通过 req.params.xxx 来获取该参数。
路由顺序
路由顺序非常重要。lr-server-router 会依次匹配每一个路由规则，一旦匹配成功就会停止匹配。因此，我们需要将路由规则按照优先级从高到低排序。例如，我们可以将 /home/:userId 这个带有动态参数的路由排在前面，其他的路由排在后面：
-- -------------------- ---- -------
----- ----------- - -
-
----- ----------------
------- ------
-------- ----- ---- -- -
--------------- ------------------------
-
--
-
----- ---------
------- -------
-------- ----- ---- -- -
----- - --------- -------- - - ---------
-- ------------
---------- -------- ----- -------- ------ ---
-
-
--支持的 HTTP 方法
lr-server-router 支持的 HTTP 方法包括 GET、POST、PUT、DELETE、PATCH、HEAD。我们可以在路由规则中指定 method 来限制该路由所支持的 HTTP 方法。
-- -------------------- ---- -------
----- ----------- - -
-
----- ----------------
------- ------
-------- ----- ---- -- -
--------------- ------------------------
-
--
-
----- ---------
------- -------
-------- ----- ---- -- -
----- - --------- -------- - - ---------
-- ------------
---------- -------- ----- -------- ------ ---
-
--
-
----- ----------------
------- ------
-------- ----- ---- -- -
----- - ------ - - -----------
-- ------------
---------- -------- ----- -------- --- --------- ----- ---
-
-
--总结
lr-server-router 是一个简单、轻量级的前端路由库，适用于小型项目和需要快速搭建本地开发服务器的场景。与传统的 express、koa 等框架相比，它具有更高的性能和更小的体积。在实际使用中，我们需要根据具体的场景选择合适的路由库，以保证项目的稳定性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566c081e8991b448e30f8