zoukankan      html  css  js  c++  java
  • koa-router中间件生态系统

    说下koa-router中间件生态系统:

    koa-router文档地址 https://www.npmjs.com/package/koa-router
    1、强大的koa中间件生态系统,提供了中间件koa-router来完成路由的配置

    2、Koa中的路由和Express不同,Express是把路由集成在Express中,Koa则需要通过kao-router模块使用 安装koa:cnpm install koa --save 安装koa-router:cnpm install koa-router --save 使用: 路由导航 get请求获取参数 (ctx.query) 动态路由及其获取参数(/product/:id ctx.params.id)

    引入 koa模块
    //引入 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:8080/newscontent?aid=123
     
    router.get('/newscontent',async (ctx)=>{
     
        //从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='这是页面';
    });
  • 相关阅读:
    Qt之数据类型转换
    [leetcode] Sudoku Solver
    调用摄像头拍照实例,摇一摇实例
    html 标签
    JavaScript 常见的六种继承方式
    js的DOM的方法和属性总结
    BOM属性方法。
    DOM 元素对象的属性方法
    完整的用户代理字符串检测
    可以跨浏览器获得窗口左边,和上边的位置
  • 原文地址:https://www.cnblogs.com/home-/p/11844804.html
Copyright © 2011-2022 走看看