koa 路由 、get 传值、 动态路由

koa 路由、get 传值、动态路由

 

目录

1、 Koa 路由

2、 Koa 路由 get 传值

3、 Koa 动态路由

 

1、Koa 路由

路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等）组成的，涉及到应用如何响应客户端对某个网站节点的访问。通俗的讲：路由就是根据不一样的 URL 地址，加载不一样的页面实现不一样的功能。Koa 中的路由和 Express 有所不一样，在 Express 中直接引入 Express 就能够配置路由，可是在

Koa 中咱们须要安装对应的 koa-router 路由模块来实现。

1     npm install --save koa-router 2       3     const Koa = require('koa'); 4     const router = require('koa-router')(); //注意：引入的方式 5     const app = new Koa(); 6     router.get('/', function (ctx, next) { 7        ctx.body="Hello koa"; 8     }) 9     router.get('/news,(ctx,next)=>{ 10      ctx.body="新闻 page" 11   }); 12   app.use(router.routes()); //做用：启动路由 13   app.use(router.allowedMethods()); // 做用： 这是官方文档的推荐用法,咱们能够看到 router.allowedMethods()用在了路由匹配 router.routes()以后,因此在当全部路由中间件最后调用.此时根据 ctx.status 设置 response 响应头 14   app.listen(3000,()=>{ 15      console.log('starting at port 3000'); 16   });

 

2、Koa 路由 get 传值

在 koa2 中 GET 传值经过 request 接收，可是接收的方法有两种：query 和 querystring。

query：返回的是格式化好的参数对象。

querystring：返回的是请求字符串。

1     const Koa = require('koa'); 2     const Router = require('koa-router'); 3     const app = new Koa(); 4     const router = new Router(); 5     router.get('/', function (ctx, next) { 6        ctx.body="Hello koa"; 7     }) 8     router.get('/newscontent,(ctx,next)=>{ 9        let url =ctx.url; 10      //从 request 中获取 GET 请求 11      let request =ctx.request; 12      let req_query = request.query; 13      let req_querystring = request.querystring; 14      //从上下文中直接获取 15      let ctx_query = ctx.query; 16      let ctx_querystring = ctx.querystring; 17      ctx.body={ 18         url, 19         req_query, 20         req_querystring, 21         ctx_query, 22         ctx_querystring 23      } 24   }); 25   app.use(router.routes()); //做用：启动路由 26   app.use(router.allowedMethods()); //做用： 当请求出错时的处理逻辑 27   app.listen(3000,()=>{ 28       console.log('starting at port 3000'); 29   });

 

4、 Koa 动态路由

1     //请求方式 http://域名/product/123 2     router.get('/product/:aid',async (ctx)=>{ 3         console.log(ctx.params); //{ aid: '123' } //获取动    态路由的数据 4         ctx.body='这是商品页面'; 5     });