1-get和post

get

1、请求的数据放在url中,对用户来说是可见的  (可见性)
2、get方式不是很安全  (安全性)
3、get对传参的大小有限制 1MB

post

场景:登陆注册的时候,我们使用post方式
1、数据对用户来说是不见的,请求的参数没有放在url地址栏中  (可见性)
2、相对较安全
3、对传输的数据理论上来说没有限制

一、url

url地址栏中只能发送get请求

二、获取post提交的数据

yarn add koa-body

ctx.request.body  //获取html input输入的值

const Koa = require('koa');
const koaBody = require('koa-body');

const app = new Koa();

app.use(koaBody());
app.use(ctx => {
    console.log(ctx.request.body) 
});

app.listen(3000);

三、例子

//index.js
const koa = require("koa");
const router  = require("koa-router")();
const app =  new koa();
const koaBody = require("koa-body");
router.get("/search",async ctx=>{
    console.log(ctx.query)
    ctx.body = {
        code:200,
        msg:"search"
    }
})
router.post("/login",async ctx=>{
    console.log(ctx.request.body);   // { username: '111', pwd: '111' }
    ctx.body = {
        code:200,
        msg:"登陆"
    }
})
app.use(koaBody());
app.use(router.routes());
app.listen(4000)

//html- search.html
<form action="http://localhost:4000/search"
     method="get">
     <!-- name属性是为了方便前端传值,后端取值 -->
        用户名<input type="text" name="username"> <br>
        密码 <input type="text" name="pwd"> <br>
        <input type="submit">
</form>

//html- login.html
<form action="http://localhost:4000/login"
     method="post">
     <!-- name属性是为了方便前端传值,后端取值 -->
        用户名<input type="text" name="username"> <br>
        密码 <input type="text" name="pwd"> <br>
        <input type="submit">
</form>

四：获取路由传值

前端传值给后端 两种方式

动态路由
以/:id

静态路由
以?id=

获取方式：

第一个静态 第二个动态

动态：