Node.js+Koa2+art-template ctx.render()方法提示Not Found解决方案

一个Node.js项目采用了Node.js+Koa2+art-template架构,在路由中利用ctx.render()方法渲染模板的时候,浏览器中访问提示Not Found。

错误写法如下;

router.get('/',(ctx,next)=>{
    msgModel.find({},(err,data)=>{
        ctx.render('app',{
            data:data
        });
    })
})

经老孙测试,发现只要是在函数中执行ctx.render()方法渲染模板就会提示Not Found,如果直接在get的回调函数中使用是没有问题的,最终将问题定位到模板内部渲染机制的原因。

利用es7中的async await语法将get中的异步函数变成同步,代码如下:

router.get('/',async (ctx,next)=>{
    let d;
    await msgModel.find({},(err,data)=>{
        d = data;
    })
    ctx.render('app',{
        data:d
    });
})

 

如上代码基本能解决问题,但是刷新页面偶尔会出现数据空白的问题,归结原因还是因为find()方法其实是一个Promise对象,当数据查询完毕后就会执行resolve()变为完成状态,所以,ctx.render()并一定会在find()方法的回调函数后执行。

最终按照如下方式,问题解决:

router.get('/',async (ctx,next)=>{
    let data = await msgModel.find({});
       ctx.render('app',{
          data:data
    });
})

 

 

 

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
再见,2018
再见,2018
2
Adobe LightRoom不支持ARW格式照片文件的解决方案
Adobe LightRoom不支持ARW格式照片文件的解决方案
3
微信小程序《隐私政策》范文参考
微信小程序《隐私政策》范文参考
4
Hello
Hello
5
最新版火狐JavaScript事件对象中的offsetX和offsetY的一个小发现
最新版火狐JavaScript事件对象中的offsetX和offsetY的一个小发现
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主