上篇的原生寫法不利用開發，我們使用已經有的外掛koa-bodyparser來實現接收並解析post請求

1》安裝中介軟體

使用npm進行安裝，需要注意的是我們這裡要用–save，因為它在生產環境中需要使用。
npm install --save [email protected]

2》引用

const bodyParser = require('koa-bodyparser');

我們需要在程式碼中引入，使用ES6提供的require來進入

3》使用

app.use(bodyParser());

需要注意的是：如果你引入了，但是你沒有使用它，是不會起作用的。

4》我們看下是否安裝成功，開啟package.json檔案，看到下圖所示，說明安裝成功

5》我們以完整的程式碼看

/*引入koa2*/
const Koa  = require('koa');
/*new一個koa的物件*/
const app = new Koa();
/*引入中介軟體koa-bodyparser*/
const bodyParser = require('koa-bodyparser');
/*使用中介軟體koa-bodyparser*/
app.use(bodyParser());
/*中介軟體*/
app.use(async(ctx)=>{
    /*get請求*/
    if(ctx.url==='/' && ctx.method==='GET'){
        //顯示錶單頁面
        let html=`
            <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'){
        /*post請求*/
        let postData= ctx.request.body;
        ctx.body=postData;
    }

});

/*監聽埠*/
app.listen(3004,()=>{
    console.log('success at port 3004');
});
 

6》我們開啟命令列，使用node index.js啟動服務，在命令列中看到‘success at post 3004’，說明我們啟動成功，開啟瀏覽器，我們在瀏覽器中輸入localhost：3004，會看到下圖所示的頁面

7》當我們輸入form表單點選按鈕submit以後，頁面會出現下圖所示的json串