koa 2.0 表单提交无法正常工作

Question

当我运行它时，它显示正确的形式，但是当我点击提交按钮时，没有任何反应，post似乎不起作用！我运行和 "nodemon index.js"，chrome 正确显示表单，但是当我单击提交按钮时，post 方法 handleform 不显示。

index.js

const Koa = require('koa');

const Router = require('koa-router'); //Use router instead of route

const router = new Router();

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

const app = new Koa();

const Pug = require('koa-pug');

const pug = new Pug({

    viewPath: './views',

    basedir: './views',

    app: app

});

app.use(bodyParser({
        formidable: {uploadDir: './uploads'},
        multipart: true,
        urlencode: true
}));

router.get('/', renderForm);

router.post('/', handleForm);

async function renderForm(ctx,next) {

    ctx.render('form');

    await next();
}

async function handleForm(ctx) {

    console.log("Submitted")

    console.log(ctx.request.body);

    console.lgo(ctx.req.body);

    ctx.body = ctx.request.body;
}

app.use(router.routes()); //use router

app.listen(3000);

form.pug

html

head

title Form Tester

body

form(action="/", method="post")

div

label(for="say") Say:

input(type="text" name="say" value="Hi")

br

div

label(for="to") To:

input(type="text" name="to" value="Koa form")

br

input(type="submit" value="Send my greetings")

Answer 1

我测试了你的代码。除了已经提到的 console.lgo 问题之外，您的哈巴狗代码格式错误。在浏览器中检查页面源代码时，我有 <form action="/" method="post"></form> 和所有输入字段，然后关闭表单标记。所以这是我的工作代码：

index.js*

const Koa = require('koa');
const Router = require('koa-router'); //Use router instead of route
const router = new Router();
const bodyParser = require('koa-body');

const app = new Koa();
const Pug = require('koa-pug');
const pug = new Pug({
    viewPath: './views',
    basedir: './views',
    app: app
});

app.use(bodyParser({
        formidable: {uploadDir: './uploads'},
        multipart: true,
        urlencode: true
}));

router.get('/', renderForm);
router.post('/', handleForm);
async function renderForm(ctx,next) {
    ctx.render('form');
    await next();
}

async function handleForm(ctx) {
    console.log("Submitted")
    console.log(ctx.request.body);
    ctx.body = ctx.request.body;
}

app.use(router.routes()); //use router
app.listen(3000);

form.pug

html
  head
    title Form Tester
  body
    form(action="/", method="post")
      div
        label(for="say") Say:
        input(type="text" name="say" value="Hi")
      br
      div
        label(for="to") To:
        input(type="text" name="to" value="Koa form")
      br
      input(type="submit" value="Send my greetings")

koa 2.0 表单提交无法正常工作

Koa 2.0 form submit can not work normally

forms

koa