Koa---koa-bodyparser 中间件的使用

最新推荐文章于 2024-08-12 08:59:52 发布

muzidigbig

最新推荐文章于 2024-08-12 08:59:52 发布

阅读量2.9k

点赞数

分类专栏： Koa 文章标签： Koa 获取post的请求数据 koa中获取post koa-bodyparser

本文链接：https://blog.csdn.net/muzidigbig/article/details/88096326

版权

Koa 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.安装

npm install koa-bodyparser --save

2.引入

// 引入koa-bodyparser插件

let bodyparser = require('koa-bodyparser');

3.配置

// 配置中间件

app.use(bodyparser());

4.使用

ctx.request.body;//获取post传过来的参数

案例：

app_post.js

let Koa = require('koa');
let Router = require('koa-router');
let views = require('koa-views');
let app = new Koa();
let router = new Router();
let path = require('path');

// 引入koa-bodyparser插件
let bodyparser = require('koa-bodyparser');
// 配置中间件
app.use(bodyparser());


//应用ejs模板引擎
app.use(views('views',{
    extension:'ejs'
}))

router.get('/',async (ctx,next) => {
    // ctx.body = '这是首页'
    await ctx.render('post')
})
router.post('/doPost',async (ctx,next) => {
    ctx.body = ctx.request.body;//获取post传过来的参数
})


app.use(router.routes());//启动路由
app.use(router.allowedMethods());
app.listen(3004);

views/post.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/basic.css">
</head>
<body>
    <form action="/doPost" method="post">
        <input type="text" placeholder="请输入用户名" name='username'>
        <br>
        <input type="password" placeholder="请输入密码" name='psd'>
        <br>
        <button class="btn" type="submit">提交</button>
    </form>
 
</body>
</html>