Koa-router 学习笔记

记录笔者日常学习笔记，无深解内容，除了笔者无人看懂。
koa-router

安装

npm install --save koa-router

简单使用

// 引入Koa模块
const Koa = require('koa');
// 引入Koa-router
const Router = require('koa-router');

// 实例化Koa模块
const app = new Koa();
// 实例化路由模块
const router = new Router();

// 配置路由
// ctx 上下文 context,  包含了request和response等信息
router.get('/',async (ctx)=>{
  ctx.body = '首页';  //返回数据    相当于：原生里面的res.writeHead()  res.end()
}).get('/news',async (ctx)=>{
  ctx.body = '这是一个新闻页面';
});

// 启动路由
app
  .use(router.routes())   /*启动路由*/
  .use(router.allowedMethods());
/*
 * router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 * 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 * 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头 
 *
 */

// 监听3000端口
app.listen(3000);

使用koa-router ：

1. 路由导航
2. get请求获取参数 （ctx.query）
3. post 请求的url参数获取使用 (ctx.request.body)
   4 动态路由及其获取参数（/product/:id => ctx.params.id）

路由导航

//引入 koa模块
 
var Koa=require('koa');
 
var router = require('koa-router')();  /*引入是实例化路由** 推荐*/
 
//实例化
var app=new Koa();
 
router.get('/',async (ctx)=>{
    ctx.body="首页";
 
})
 
 
app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());
/*
 * router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 * 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 * 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头 
 *
 */
app.listen(3000);

get请求获取参数

/*在 koa2 中 GET 传值通过 request 接收，但是接收的方法有两种：query 和 querystring。
     query：返回的是格式化好的参数对象。
     querystring：返回的是请求字符串。*/
 
//获取get传值
//http://localhost:3000/newscontent?aid=123
 
router.get('/newscontent',async (ctx)=>{
 
  // get 请求的url参数获取使用 ctx.query
  // post 请求的url参数获取使用 ctx.request.body
  // /test/:id 参数获取使用 ctx.params

    //从ctx中读取get传值
 
    console.log(ctx.query);  //{ aid: '123' }       获取的是对象   用的最多的方式  **推荐
    console.log(ctx.querystring);  //aid=123&name=zhangsan      获取的是一个字符串
    console.log(ctx.url);   //获取url地址
 
    //ctx里面的request里面获取get传值
 
    console.log(ctx.request.url);
    console.log(ctx.request.query);   //{ aid: '123', name: 'zhangsan' }  对象
    console.log(ctx.request.querystring);   //aid=123&name=zhangsan
 
})

动态路由

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

动态路由传多个值

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

嵌套路由

// 路由嵌套 第一种方式
var router=new KoaRouter();

var userRouter=new KoaRouter();
userRouter.get('/',(ctx,next)=>{
    ctx.body="user-get";
})
userRouter.get('/info',(ctx,next)=>{
    ctx.body="user-info";
})
router.use('/user',userRouter.routes());//第一种挂载方式  加前缀 /user
// 嵌套路由的第二种方式
var userRouter=new KoaRouter({
	prefix:'/user'  // 路由加前缀 /user
});
userRouter.get('/',(ctx,next)=>{
    ctx.body="user-get";
})
userRouter.get('/info',(ctx,next)=>{
    ctx.body="user-info";
})
这里 挂载方式也有俩种
router.use(userRouter.routes());//第二种挂载方式  这里前面不需要加前缀 /user
app.use(router.routes())
或者直接挂载到app上面去
app.use(userRouter.routes());