koa框架---路由总结

koa-router

1.安装路由

npm install --save-dev koa-router

2.app.js文件

require(“koa-router”) 返回的是函数

const koa=require("koa");
const app=new koa();
//require("koa-router")  返回的是函数  执行之后返回对象
const router=require("koa-router")();
let port = 8080;
let host = 'localhost';
app.use(async (ctx,next)=>{
    
    
    console.log(ctx.request.url);
    await next();
});

//get路由
router.get('/',async (ctx,next)=>{
    
    
    ctx.response.body="首页";
});
router.get('/login',async (ctx,next)=>{
    
    
    ctx.response.body="登录";
});


//路由和koa框架关联
app.use(router.routes());
//路由监听
app.listen(port, host, () => {
    
    
    console.log(`http://${host}:${port}`);
});

3.获取get路由值

//koa-router url get传值
router.get("/user",async (ctx,next)=>{
    
    
    //get  传值   值在  query上面
    console.log(ctx.request.query);
    ctx.response.body="获取get 传值";
});

显示结果:
在这里插入图片描述
在这里插入图片描述

4.获取post路由值

表单提交post 传值获取
koa-bodyparser

npm install --save-dev koa-bodyparser
//post路由
//get路由  先到界面
router.get("/regest",async (ctx,next)=>{
    
    
    ctx.response.body=`
    <form action='/regest' method='post'>
        <input type='text' name='id'/>
        <button>注册</button>
    </form>
    `;
});
router.post('/regest',async (ctx,next)=>{
    
    
    console.log(ctx.request.body);
    ctx.response.body="注册成功";
});

注册成功后,输出结果:
显示的是输入框的内容,
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_47863547/article/details/119740764