koa-router

Posted cangqinglang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了koa-router相关的知识,希望对你有一定的参考价值。

为了处理URL,我们需要引入koa-router这个middleware,让它负责处理URL映射。

我们把上一节的hello-koa工程复制一份,重命名为url-koa

先在package.json中添加依赖项:

"koa-router": "7.0.0"

然后用npm install安装。

或者在项目中使用 npm i koa-router

接下来,我们修改app.js,使用koa-router来处理URL:

const Koa = require(‘koa‘);

// 注意require(‘koa-router‘)返回的是函数:
const router = require(‘koa-router‘)();

const app = new Koa();

// log request URL:
app.use(async (ctx, next) => {
    console.log(`Process ${ctx.request.method} ${ctx.request.url}...`);
    await next();
});

// add url-route:
router.get(‘/hello/:name‘, async (ctx, next) => {
    var name = ctx.params.name;
    ctx.response.body = `<h1>Hello, ${name}!</h1>`;
});

router.get(‘/‘, async (ctx, next) => {
    ctx.response.body = ‘<h1>Index</h1>‘;
});

// add router middleware:
app.use(router.routes());

app.listen(3000);
console.log(‘app started at port 3000...‘);

 

注意导入koa-router的语句最后的()是函数调用:

const router = require(‘koa-router‘)();

相当于:

const fn_router = require(‘koa-router‘);
const router = fn_router();

然后,我们使用router.get(‘/path‘, async fn)来注册一个GET请求。可以在请求路径中使用带变量的/hello/:name,变量可以通过ctx.params.name访问。

再运行app.js,我们就可以测试不同的URL:

输入首页:http://localhost:3000/

技术分享图片

输入:http://localhost:3000/hello/koa

技术分享图片

以上是关于koa-router的主要内容,如果未能解决你的问题,请参考以下文章

koa-router

Koa-router的基本使用

Koa2学习使用koa-router

KoaError: Cannot find module ‘koa-router‘

结合 Typescript Koa-Router 和 Passport

koa-router源码解析