Node.js 不使用模板引擎渲染膝关节炎

Node.js 不使用模板引擎渲染膝关节炎,node.js,vue.js,koa,Node.js,Vue.js,Koa,我正在练习Node.js并决定从Vue+Koa开始 经过研究Vue,我认为不再需要模板引擎了。只需在前端响应整个HTML,并使用Ajax请求操作,通过Vue更新视图即可 问题: 这个想法对吗 在Koa中是否有类似context.render('xxx.html')的API? 或者必须自己实现读取HTML的IO操作 这要视情况而定,但大多数使用Vue或React等前端库的人都会将视图留给客户端,而只使用后端进行API请求 您可以使用获取ctx.render功能 示例用法(我包括koa路由器只是为了

我正在练习
Node.js
并决定从
Vue
+
Koa
开始


经过研究
Vue
,我认为不再需要模板引擎了。只需在前端响应整个HTML,并使用Ajax请求操作,通过
Vue
更新视图即可

问题:

  • 这个想法对吗
  • Koa
    中是否有类似
    context.render('xxx.html')
    的API? 或者必须自己实现读取HTML的IO操作
  • 这要视情况而定,但大多数使用Vue或React等前端库的人都会将视图留给客户端,而只使用后端进行API请求

  • 您可以使用获取
    ctx.render
    功能

  • 示例用法(我包括koa路由器只是为了有一个完整的示例):

    然后在路由处理程序中,您可以执行以下操作:

    router.get('/contacts', async ctx => {
      ctx.render('all-contacts') // Renders the `all-contacts.pug` file
    })
    

    我建议使用一个加载HTML文件的开发服务器,并且只使用API服务器来处理请求。您可以研究如何使用生成starter vue项目。您基本上希望在一个端口(如3000)上启动dev服务器,在另一个端口(3001)上启动API服务器。dev服务器将自动加载您的HTML文件并侦听客户端中的更改。您只需设置一个
    代理
    ,即可从
    网页
    配置向API服务器发送所有API请求

    “只需将整个HTML回复到首页”如果返回整个页面,为什么要使用Vue.js?我建议您仅使用JSON API响应数据,并将这些数据与Vue.jsHi一起使用。如果您没有使用
    pug
    ,而是使用
    .js
    文件,该怎么办?
    router.get('/contacts', async ctx => {
      ctx.render('all-contacts') // Renders the `all-contacts.pug` file
    })