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

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

一、Koa 路由

Koa 中的路由和Express 有所不同,在Express 中直接引入Express 就可以配置路由,但是在 Koa 中我们需要安装对应的koa-router路由模块来实现。

npm install --save koa-router 

const Koa = require('koa'); 

const router = require('koa-router')();  //注意:引入的方式 

const app = new Koa();  router.get('/', function (ctx, next) { 
    ctx.body="Hello koa";  }) 

router.get('/news,(ctx,next)=>{ 

    ctx.body="新闻page"  }); 

app.use(router.routes()); //作用:启动路由  
app.use(router.allowedMethods()); // 作用:这是官方文档的推荐用法,我们可以 看router.allowedMethods()用在了路由匹配router.routes()之后,所以在当所有  路由中间件最后调用.此时根据ctx.status设置response 响应头 ,尽量到后面加一个
 app.listen(3000,()=>{ 
    console.log('starting at port 3000');  });

二、Koa 路由get 传值

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

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

const Koa = require('koa'); 
const Router = require('koa-router'); 

const app = new Koa(); 
const router = new Router(); 
router.get('/', function (ctx, next) { 
     ctx.body="Hello koa"; 
}) 
router.get('/newscontent,(ctx,next)=>{ 

     let url =ctx.url; 

     //从request 中获取GET请求 
     let request =ctx.request; 
     let req_query = request.query; 
     let req_querystring = request.querystring; 

     //从上下文中直接获取 
     let ctx_query = ctx.query; 
     let ctx_querystring = ctx.querystring; 
     ctx.body={ 
         url, 
         req_query, 
         req_querystring, 
         ctx_query, 
         ctx_querystring 
     } 
}); 
app.use(router.routes()); //作用:启动路由 
app.use(router.allowedMethods()); //作用:当请求出错时的处理逻辑 
app.listen(3000,()=>{ 
     console.log('starting at port 3000'); 
}); 

三、Koa 动态路由

//请求方式  http://域名/product/123 
router.get('/product/:aid',async (ctx)=>{     // 在地址后面加上  :id , 请求的时候在这个位置写的字符串就是这个aid的值

    console.log(ctx.params); //{ aid: '123' }  //获取动态路由的数据 
    ctx.body='这是商品页面'; 
}); 
发布了33 篇原创文章 · 获赞 9 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_22188085/article/details/90273802
今日推荐