Nuxt.js:条件客户端/服务器端呈现

时间:2018-03-16 00:02:14

标签: vue.js vuejs2 nuxt.js

目标:

使用vue.js为具有许多路线和动态内容的网站提供服务,该网站具有开放图形和推特丰富的卡元数据标记。

这个想法:

包含Twitterbot,facebookexternalhit等user agent的请求被重定向到服务器端呈现网站。所有其他用户都获得客户端渲染版本。

问题:

Nuxt.js是否可以进行此条件渲染?如果有,怎么样?如果没有,解决上述问题的方法是什么?

Credits to the idea

1 个答案:

答案 0 :(得分:1)

Nuxt可以在收到客户端请求后有条件地呈现单个页面(CSR)(SSR):

module.exports = {
 path: '/public',
 handler(req, res, next) {

   res.spa = req.headers['user-agent'] !== 'Twitterbot' 
   next()
 }
}