koa-router模块
2019-07-10 本文已影响0人
贝程学院_前端
koa必不可少的路由处理中间件,之前使用过koa-route模块,用法和koa-router大致一样,但是没有koa-router强大,并且网上很多文章都是关于koa-router的,建议新手移步koa-router
下载
cnpm i koa-router -S
使用
const Koa = require('koa');
const Router = require('koa-router');
const app = new Koa();
const router = new Router();
const main = ctx => {
ctx.body = 'Hello Koa';
}
router.get('/', main);
// 注册并使用routers启动路由
app.use(router.routes())
// 自动丰富response相应头,当未设置响应状态的时候自动设置,在所有路由中间件最后设置,也可以设置具体某一个路由,例如:router.get('/index', router.allowedMethods());这相当于当访问/index时才设置
.use(router.allowedMethods())
.listen(3000);
参数处理
const Koa = require('koa');
const Router = require('koa-router');
const app = new Koa();
const router = new Router();
// 单个参数
const main = ctx => {
// http://127.0.0.1:3000/123
console.log(ctx.params); // {id: 123}
ctx.body = 'Hello Koa';
}
// 多个参数
//const main = ctx => {
// http://127.0.0.1:3000/123/456
//console.log(ctx.params); // {id: 123, uid: 456}
//ctx.body = 'Hello Koa';
//}
router.get('/:id/:uid', main);
// 注册并使用routers启动路由
app.use(router.routes())
.use(router.allowedMethods())
.listen(3000);
路由封装
当项目庞大,路由非常多时,app.js就会变得特别臃肿,特此做以下封装
例:index.js
const Router = require('koa-router');
const router = new Router();
router.get('/', (ctx, next) => {
ctx.body = 'index';
// next()函数,当执行next将会从这里主动把执行权交给下一个中间件,也就是下一个路由
next();
});
module.exports = router.routes();
总路由配置文件router.js
const Router = require('koa-router');
const router = new Router();
const index = require('./routes/index.js');
const about = require('./routes/about.js');
router.use('/', index);
router.use('/about', about);
module.exports = router;
app.js
const router = require('./router.js');
app.use(router.routes())
.use(router.allowedMethods())
.listen(3000);