exp-router 是一款基于 Express 前端框架的路由管理 npm 包，在前端开发中有着广泛的应用。它可用于在 Express 项目中管理路由，提供了一个简单而强大的方式来定义和组织路由规则。
本文将介绍如何使用 exp-router，包括安装、初始化、配置以及使用。
安装
要使用 exp-router，首先需要在项目中安装该 npm 包。可以直接运行以下命令：
--- ------- ---------- ------
初始化
在项目中，我们可以将 exp-router 的初始化放在 app.js 文件中。首先要引入 exp-router：
----- --------- - ----------------------
然后，可以通过创建一个路由表数组来初始化 exp-router：
----- --- - ---------- ----- ----------- - - - ----- ---- ----------- ------ -- - ----- --------- ----------- ------ -- - ----- --------- ----------- ------ -- -- ------------------- -------------
在上面的代码中，我们首先创建了一个 express 实例 app，然后创建了路由表数组 routerTable，其中每个元素都是一个包含 path 和 controller 字段的对象。
最后，将 app 和 routerTable 传递给 expRouter.init 方法，以初始化 exp-router。这样，路由表就会被加载到 app 实例中。
配置
exp-router 还提供了一些配置选项来使路由管理更加方便。可以通过传递一个配置对象来设置这些选项，例如：
----- --- - ---------- ----- ----------- - - - ----- ---- ----------- ------ -- - ----- --------- ----------- ------ -- - ----- --------- ----------- ------ -- -- ----- ------- - - --------- ---------- ---------- --------- -------------- -------------- -- ------------------- ------------ ---------
在上面的代码中，我们传递了一个配置对象 options，它包含三个选项：
basePath：用于指定路由的基准路径，默认为/。routerDir：指定路由表所在的目录，默认为项目根目录下的/routes目录。controllerDir：指定控制器所在的目录，默认为项目根目录下的/controllers目录。
通过配置选项，可以很方便地管理路由表和控制器，避免了手动添加路由和控制器时的重复工作。
使用
exp-router 提供了一个简单的方式来定义和组织路由规则。可以按照以下方式定义路由表：
-------------- - - - ----- ---- -------- -------- ------- ------------ -- - ----- --------- -------- ------- -------- ------- ------ -- - ----- ------------- -------- ------- ------ ---------- ------- -------------- -- - ----- --------- -------- ------- -------- ------- ------ -- - ----- ------------- -------- ------- ------ ---------- ------- ------------- -- --
在上面的代码中，定义了五个路由规则，每个规则都包含 path、methods 和 action 字段。其中，path 字段用于指定路由的路径，methods 字段用于指定路由所支持的 HTTP 方法，action 字段用于指定控制器的方法。
接下来，需要创建控制器来处理路由规则中的 action 字段所指定的方法。例如，假设我们在项目的控制器目录（默认为 /controllers）中创建了一个名为 home.js 的控制器，其中定义了一个名为 index 的方法：
----- ---- - -
------ ----- ---- -- -
--------------- ---------
--
--
-------------- - -----在上面的代码中，home 控制器包含一个 index 方法，用于处理路由规则中的 / 路径。
最后，可以在路由表中使用这个控制器：
-------------- - - - ----- ---- -------- -------- ------- ------------ -- -- --- --
在以上路由规则中，将控制器 home 的 index 方法作为 action 字段的值，用于处理 / 路径的 GET 请求。可以按照相同的方式来定义和使用其他控制器和路由规则。
示例代码
下面是一个完整的示例代码，演示了如何使用 exp-router 来管理路由和控制器：
----- ------- - -------------------
----- --- - ----------
----- --------- - ----------------------
-- ---
----- ----------- - -
- ----- ---- ----------- ------ --
- ----- --------- ----------- ------ --
- ----- --------- ----------- ------ --
--
-- ---
----- ---- - -
------ ----- ---- -- -
--------------- ---------
--
--
----- ---- - -
------ ----- ---- -- -
-------------- ----- -------
--
-------- ----- ---- -- -
-------------- ------- ---- -- -- -------------------
--
--
----- ---- - -
------ ----- ---- -- -
-------------- ----- -------
--
------- ----- ---- -- -
-------------- ------ ---- -- -- -------------------
--
--
-- --- ----------
----- ------- - -
--------- ----------
---------- ---------
-------------- --------------
--
------------------- ------------ ---------
-- ----
---------------- -- -- -
---------------------- -- ---- -------
---在上面的代码中，我们首先创建了一个 express 实例 app。然后定义了路由表和控制器，最后使用 exp-router 初始化了路由表。可以通过运行 npm start 命令来启动该应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668efd9381d61a3540d05