众所周知，Vue SPA 单页应用对 SEO 不友好，当然也有相应的解决方案。

Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将他们直接发送到浏览器，最后将这些静态标记“激活”为客户端上完全可交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是“同构”或“通用”，因为应用程序的大部分代码都可以在服务器和客户端上运行。

Nuxt.js 框架，官方是这样介绍的，从头搭建一个服务端渲染的应用是相当复杂的，幸运的是，我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架，为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。更酷的是，你甚至可以用它来作为静态站点生成器。

静态化是 Nuxt.js 打包的另一种方式，算是 Nuxt.js 的一个创新点，页面加载速度很快。

在 Nuxt.js 执行 generate 静态化打包时，动态路由会被忽略。

如果你的动态路由参数很多，例如商品详情，可能高达几千几万个。需要一个接口返回所有 id，然后打包时遍历 id，打包到本地，如果某个商品修改了或者下架了，又要重新打包，数量多的情况下打包也是非常慢的，非常不现实。

如果你只是用来改善少数营销页面（例如 /about，/contact等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时（build time）简单的生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全静态的站点。

Phantomjs 是一个基于 webkit 内核的无头浏览器，即没有 UI 界面，只是其内的点击、翻页等人为相关操作需要程序设计实现。

虽然“Phantomjs 宣布终止开发”，但是已经满足对 Vue 的 SEO 处理。

这种解决方案其实是一种旁路机制，原理就是通过 Nginx 配置，判断访问的来源 UA 是否是爬虫访问，如果是则将搜索引擎的爬虫请求转发到一个 node serve，在通过 Phantomjs 来解析完整的 HTML，返回给爬虫。

如果构建大型网站，如商场类，别犹豫，直接上 SSR 服务器渲染，当然也有相应的坑等你，不过社区比较成熟，英文过关，一切问题都可以解决。

如果只是个人博客、公司官网的项目，其余三种都可以。

如果对已用 SPA 开发完成的项目进行 SEO 优化，而且支持 node 服务器，请使用 Phantomjs。