一、Koa 路由

1.安装koa-router

cnpm install koa-router -S

2.一个简单的路由实例

const Koa = require('koa')
const Router = require('koa-router')
const app = new Koa()
const router = new Router()

//配置路由
router.get("/", async (ctx)=>{
    ctx.body = "<h1>首页</h1>"
}).get("/news", async (ctx)=>{
    ctx.body = "<h1>新闻页</h1>"
})

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

app.listen(3000) 

3.另一种推荐的写法

const Koa = require('koa')
const router = require('koa-router')()//引入并实例化路由
const app = new Koa

router.get('/',async (ctx) => {
    ctx.body = "<h1>首页</h1>"
})

router.get('/news',async (ctx) => {
    ctx.body = "<h1>新闻</h1>"
})

router.get('/products',async (ctx) => {
    ctx.body = "<h1>产品</h1>"
})

//启动路由
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3000)

二、Koa 路由 get 传值

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

query：返回的是格式化好的参数对象。
querystring：返回的是请求字符串。

//获取get传值
router.get('/news',async (ctx) => {
    //1.从ctx中读取传值
    //访问：http://localhost:3000/news?id=2&catid=12
    console.log(ctx.query);//用的最多的方式 (推荐)
        //输出{ id: '2', catid: '12' }
    console.log(ctx.querystring);
        //id=2&catid=12
    console.log(ctx.url);
        ///news?id=2&catid=12

    //2.从ctx里的request
    console.log(ctx.request);
        //{method,url,header}
    console.log(ctx.request.query);
        //{ id: '2', catid: '12' }
    console.log(ctx.request.querystring);
        //id=2&catid=12
    


    ctx.body = "<h1>新闻</h1>"
})

三、Koa 动态路由

这里有点类似于vue里的路由

//动态路由 加?表示后面可以不加参数 当然也支持多个参数
router.get('/news/:aid?',async (ctx) => {
    //获取动态路由的传值
    //http://localhost:3000/news/lqs
    console.log(ctx.params)
    //{ aid: 'lqs' }


    ctx.body = "<h1>新闻</h1>"
})