ctx中的body无法找到

最新推荐文章于 2024-10-06 19:55:40 发布

转载最新推荐文章于 2024-10-06 19:55:40 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaobaizitaibai/p/10784459.html

本文详细解析了在使用Koa框架进行Web开发时遇到的常见错误，特别是关于路由处理函数中忘记使用await next()的问题。通过对比错误代码与修改后的正确代码，阐述了如何正确地使用中间件和异步函数，确保应用程序的正常运行。

学习koa的时候看到廖雪峰大大的文章其中有一段写的总是报错找不到name

代码如下

router.get('/', async (ctx, next) => {
    ctx.response.body = `<h1>Index</h1>
        <form action="/signin" method="post">
            <p>Name: <input name="name" value="koa"></p>
            <p>Password: <input name="password" type="password"></p>
            <p><input type="submit" value="Submit"></p>
        </form>`;
});

router.post('/signin', async (ctx, next) => {
    var
        name = ctx.request.body.name || '',
        password = ctx.request.body.password || '';
    console.log(`signin with name: ${name}, password: ${password}`);
    if (name === 'koa' && password === '12345') {
        ctx.response.body = `<h1>Welcome, ${name}!</h1>`;
    } else {
        ctx.response.body = `<h1>Login failed!</h1>
        <p><a href="/">Try again</a></p>`;
    }
});

经过一番调试终于找到报错的原因因为每个函数中少了

await next();
 
所以修改后的代码为
router.get('/', async (ctx, next) => {
    await next();
    ctx.response.body = `<h1>Index</h1>
        <form action="/signin" method="post">
            Name: <input name="name" value="koa">
            Password: <input name="password" type="password">
            <input type="submit" value="Submit">
        </form>`;
        
});

router.post('/signin', async (ctx, next) => {
    await next();
    var
        name = ctx.request.body.name || '',
        password = ctx.request.body.password || '';
    console.log(`signin with name: ${name}, password: ${password}`);
    if (name === 'koa' && password === '12345') {
        ctx.response.body = `<h1>Welcome, ${name}!</h1>`;
    } else {
        ctx.response.body = `<h1>Login failed!</h1>
        <p><a href="/">Try again</a></p>`;
    }
    
});

 

转载于:https://www.cnblogs.com/xiaobaizitaibai/p/10784459.html