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

koa 路由get 传值、动态路由

目录

一、 Koa 路由

二、 Koa 路由 get 传值

三、 Koa 动态路由

一、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   });

二、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   });

四、 Koa 动态路由

1     //请求方式 http://域名/product/123

2     router.get('/product/:aid',async (ctx)=>{

3         console.log(ctx.params); //{ aid: '123' } //获取动    态路由的数据

4         ctx.body='这是商品页面';

5     });

猜你喜欢

转载自www.cnblogs.com/ECJTUACM-1435867846/p/11796784.html