koa框架学习记录(4)

简介: 一个前端学习koa的简单记录

koa-bodyparser中间件

koa-bodyparser就是一个造好的轮子。我们在koa中把这种轮子就叫做中间件。对于POST请求的处理,koa-bodyparser中间件可以把koa2上下文的formData数据解析到ctx.request.body中。

安装中间件

npm install --save koa-bodyparser@3
安装完成后,需要在代码中引入并使用。我们在代码顶部用require进行引入。
const bodyParser = require('koa-bodyparser');
然后进行使用
app.use(bodyParser());
在代码中使用后,直接可以用ctx.request.body进行获取POST请求参数,中间件 自动给我们作了解析。

const Koa  = require('koa');
const app = new Koa();
const bodyParser = require('koa-bodyparser');
 
app.use(bodyParser());
 
app.use(async(ctx)=>{
    if(ctx.url==='/' && ctx.method==='GET'){
        //显示表单页面
        let html=`
            <h1>JSPang Koa2 request POST</h1>
            <form method="POST" action="/">
                <p>userName</p>
                <input name="userName" /><br/>
                <p>age</p>
                <input name="age" /><br/>
                <p>website</p>
                <input name="webSite" /><br/>
                <button type="submit">submit</button>
            </form>
        `;
        ctx.body=html;
    }else if(ctx.url==='/' && ctx.method==='POST'){
         let postData= ctx.request.body;
         ctx.body=postData;
    }else{
        ctx.body='<h1>404!</h1>';
    }
 
});
 
 
app.listen(3000,()=>{
    console.log('[demo] server is starting at port 3000');
});
相关文章
|
JavaScript
vue3中vue-router使用(4)
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举
575 154
|
JavaScript
vue3中vue-router使用(3)
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举
700 155
|
自动驾驶 机器人 大数据
我眼中的云栖大会
说实话,我之前真不知道云栖大会(请原谅我孤陋寡闻),我也是最近一个月才被同事邀请进入阿里云开发者社区的。在群里看到同事发的这个征文后我才知道的云栖大会。然后特意的去查询搜索了一下云栖大会。
1155 155
我眼中的云栖大会
|
JavaScript
vscode编辑器怎么用代码片段生成用户的文件模板?
vscode编辑器怎么用代码片段生成用户的文件模板?
1011 155
vscode编辑器怎么用代码片段生成用户的文件模板?
|
缓存 开发工具 git
git操作命令
今天工作中突然要是用git给本地仓库添加一个新的远程仓库,想不起来操作命令了 就去查了一下常用的操作命令
940 155
|
前端开发
css清除浮动的方法
今天写页面突然用到要清除浮动的样式,然后就想不去起来了(尴尬)
774 154
|
JavaScript 前端开发
koa框架学习记录(1)
一个前端学习koa的简单记录
944 154
|
安全 Java 编译器
java泛型
java 泛型
371 154
|
XML JavaScript 前端开发
JavaScript--浅谈DOM操作
JavaScript DOM操作
522 154