0
点赞
收藏
分享

微信扫一扫

vue-ssr

八怪不姓丑 2022-11-23 阅读 42


const Vue = require('vue')
const server = require('express')()
const renderer = require('vue-server-renderer').createRenderer({
template: require('fs').readFileSync('./index.template.html', 'utf-8') // 指定模板
})

server.get('*', (req, res) => {
const app = new Vue({
data: {
url: req.url
},
template: `<div>访问的 URL 是: {{ url }}</div>` // 这个东西会插入到<!--vue-ssr-outlet-->地方
})

renderer.renderToString(app, (err, html) => {
if (err) {
res.status(500).end('Internal Server Error')
return
}
res.end(html)
})
})

server.listen(8080)


举报

相关推荐

0 条评论