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