争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

路由动态加载(动态添加路由)

时间:2024/5/22作者:未知来源:争怎路由网人气:

稍微大型一点的网站,路由都会有很多,因此我们一般将路由拆分到不同的文件中,但是在不同的文件中就会有一个问题,每次增加路由文件的时候,都必须在统一的路由加载模块中添加,因此为了方便使用,我们采用动态加载路由的方式,这样可以让我们添加路由就像在单文件中添加一样方便。

增加目录扫描函数

// src/utils/utils.ts import fs from 'fs'; import path from 'path'; /** * @description 遍历目录 * @param dir * @param callback */ export const walkDir = (dir: string, callback: (file: string) => void) => { const files = fs.readdirSync(dir); files.forEach((file) => { const filePath = path.join(dir, file); const stat = fs.statSync(filePath); if (stat.isDirectory()) { walkDir(filePath, callback); } else { callback(filePath); } }); };

动态导入路由

按照规则遍历 src/controller 目录,在这个目录下,我们将所有的逻辑处理都分类为子目录,每个子目录下创建 router.ts 文件,用来配置此目录下的路由信息,然后统一加载指定的文件。使用 import 动态加载模块,并采用 koa-router 的路由叠加功能就可以实现动态加载路由了。

// src/router/index.ts import path from 'path'; import KoaRouter from 'koa-router'; import { walkDir } from '../utils/utils'; const router = new KoaRouter(); walkDir(path.join(process.cwd(), 'src/controller'), (file) => { if (file.endsWith('router.ts')) { import(file).then((controller) => { if (controller) { router.use(controller.default.routes()); router.use(controller.default.allowedMethods()); } }); } }); export default router;

这里展示一下我们当前的目录结构:



关键词:路由动态加载(动态添加路由)




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版