nuxt动态设置关键词，描述，标题

下面以一个新闻详情的meta信息设置为例：

首先从列表传参到详情页面获取meta信息，然后再通过this绑定到页面上。

/new页面,传id参数到new-id页面

来点假数据吧

详情页面接收参数，从后台接口获取关键词，描述，标题

来点假数据吧

设置head

这样就设置完成了。

现在seo很成熟了呀，主流两个方案

1做ssr，就是后端服务器渲染，react/vue都有现成的方案，但还是会有很多ajax异步请求需要考虑和配置，想要完美seo，总体来说比较麻烦，对开发结构影响比较大

2在服务器单独启动一个headlessbrowse爬虫服务，比如phantomjs/Puppeteer，再通过配置web服务器，比如nginx，利用useragent判断爬虫，利用这种服务端浏览器爬取目标网页并返回异步渲染后的内容，这个方案最简单，对原项目结构没有影响，可以适用所有项目

我们所有网站都利用puppeteer做seo，方案很成熟，只要单独做一个这种服务，所有网站都可以通过nginx反代理到这个服务上做seo，还可以附带截图等等功能

---