Node.js & Mustache.js:如何将服务器端渲染与客户端胡子模板分开?



在验证表单后,我尝试使用服务器端渲染second.htmlhome.html,然后保留胡须.js以模板(更新(second.html部分,因为用户在其中验证新表单(多次(。

问题:HTML 从服务器端呈现参数,但将 Mustache 中的参数视为空字符串

我知道胡须可以同时适用于服务器端和客户端,但我没有在服务器文件中使用胡须

服务器端文件

var serverSideParameter = 'server'
res.render('chat.html', { serverSideParameter })

客户端文件

var clientSideParameter = 'client'
const html = Mustache.render(Template, { clientSideParameter })
document.querySelector('#Container').innerHTML = html;

网页文件

<div id="Container"></div>
<p> {{serverSideParameter}} </p>
<script id="Template" type="text/html">
<p> {{clientSideParameter}} </p>
</script>

输出:

<div id="Container">
<p></p>
</div>
<p>server</p>

期望输出:

<div id="Container">
<p>client</p>
</div>
<p>server</p>

我找到了解决方案

将它们定义到客户端 JS 文件中

res.send()对我不起作用

最新更新