Nuxt.js：有条件的client/server侧渲染

Question

目标：

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

想法：

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

问题：

是否可以在Nuxt.js中进行这种条件渲染？如果是，如何？如果没有，以上问题有什么解决办法吗？

Answer 1

Nuxt 可以在收到客户端请求后有条件地呈现单个页面（CSR）或不呈现（SSR）：

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

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

Nuxt.js: Conditional client/server side rendering