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
一次曲折的图片搜索经历
一次曲折的图片搜索经历
2
phpstudy2017开启列表显示功能的方法(windows环境提示Forbidden  You don't have permission to access / on this server的解决方案)
phpstudy2017开启列表显示功能的方法(windows环境提示Forbidden You don't have permission to access / on this server的解决方案)
3
关于某些笔记本安装显卡驱动后系统颜色变为四位的解决办法
关于某些笔记本安装显卡驱动后系统颜色变为四位的解决办法
4
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
5
手机号码归属地精准查询免费API接口
手机号码归属地精准查询免费API接口
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主