Nuxt.js：条件客户端/服务器端渲染答案

【问题标题】：Nuxt.js: Conditional client/server side renderingNuxt.js：条件客户端/服务器端渲染
【发布时间】：2018-08-24 23:00:30
【问题描述】：

目标：

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

想法：

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

问题：

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

【问题讨论】：

@jacob 这不正确，因为我有无数条路线。其次，数据经常变化。所以预渲染不是一种选择
nuxt 默认不带它，因此您至少需要编写一些基本的服务器脚本。以表达为例。在使用 build 并将其与另一个应用程序一起使用后，这也可以在没有 nuxt 的情况下实现

【解决方案1】：

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

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

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

【讨论】：