目标:
使用vue.js为具有许多路线和动态内容的网站提供服务,该网站具有开放图形和推特丰富的卡元数据标记。
这个想法:
包含Twitterbot,facebookexternalhit等user agent
的请求被重定向到服务器端呈现网站。所有其他用户都获得客户端渲染版本。
问题:
Nuxt.js是否可以进行此条件渲染?如果有,怎么样?如果没有,解决上述问题的方法是什么?
答案 0 :(得分:1)
Nuxt可以在收到客户端请求后有条件地呈现单个页面(CSR)(SSR):
module.exports = {
path: '/public',
handler(req, res, next) {
res.spa = req.headers['user-agent'] !== 'Twitterbot'
next()
}
}