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操作ctx.render
功能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
})