1、get

  1. 1、请求的数据放在url中,对用户来说是可见的(可见性)
  2. 2get方式不是很安全(安全性)
  3. 3get对传参的大小有限制
  1. <form action="http://localhost:8080/search" method="get">
  2. <!-- name属性是为了方便前端传值,后端传值 -->
  3. 用户名<input type="text" name="username"><br>
  4. 密码<input type="text" name="userpassword"><br>
  5. <input type="submit">
  6. </form>

Snipaste_2021-11-15_11-10-39.jpg

2、post

  1. 使用场景:登录注册的时候,我们使用post方式
  2. 1、数据对用户是不可见的,请求的参数没有放在url地址栏中(可见性)
  3. 2、相对较安全
  4. 3、对传输的数据理论上没有限制 1Mb
  1. <form action="http://localhost:8080/login" method="POST">
  2. <!-- name属性是为了方便前端传值,后端传值 -->
  3. 用户名<input type="text" name="username"><br>
  4. 密码<input type="text" name="userpassword"><br>
  5. <input type="submit">
  6. </form>

3、url

  1. 1url里只能发送get请求
  1. const koa = require("koa")
  2. const router = require("koa-router")()
  3. const app = new koa()
  4. router.get("/search",async ctx=>{
  5. ctx.body = {
  6. code:200,
  7. msg:"搜索"
  8. }
  9. })
  10. router.post("/login",async ctx=>{
  11. ctx.body = {
  12. code:200,
  13. msg:"登录"
  14. }
  15. })
  16. app.use(router.routes())
  17. app.listen(8080,()=>{
  18. console.log("服务器打开了");
  19. })

Snipaste_2021-11-15_11-20-37.jpg
Snipaste_2021-11-15_11-21-05.jpg

4、获取post提交的数据

  1. yarn add koa-body
  2. const Koa = require('koa');
  3. const koaBody = require('koa-body');
  4. const app = new Koa();
  5. app.use(koaBody());
  6. app.use(ctx => {
  7. console.log(ctx.request.body)
  8. });
  9. app.listen(3000);