vue2 ssr 服務端渲染入門demo
阿新 • • 發佈:2019-02-12
('*', (req, res) => {
const app = new Vue({
//data資料供下面的template模板渲染使用
data: {
url: req.url,
data: mockdata,
title: mocktitle
},
template: `<div>The visited URL is: {{ url }}
<h3>{{title}}</h3>
<p v-for='item in data'>{{item}}</ p>
</div>`
});
renderer.renderToString(app, context, (err, html) => {
if (err) {
res.status(500).end('Internal Server Error')
return
}
res.writeHead(200,{
"Content-Type":"text/html;charset=UTF-8" //不寫會亂碼
})
res.end(html)
})
})