1.2客户端渲染（前端渲染CSR）------SPA---单页面应用

2.1解决前端渲染SEO问题

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

具体的使用指南--------------------------------请移步官方文档

    2.1.2 vue------Nuxt.js

Nuxt.js是创建Universal Vue.js应用程序的框架。

它的主要范围是UI渲染，同时抽象出客户端/服务器分布。

我们的目标是创建一个足够灵活的框架，以便您可以将其用作主项目库或基于Node.js的当前项目。

Nuxt.js预先设置了使Vue.js应用服务器的开发更加愉快的所有配置。

另外，我们还提供另一个名为nuxt generate的部署选项。它将构建一个静态生成的 Vue.js应用程序。我们相信这个选择可能是微软服务开发Web应用程序的下一个重要步骤。

作为一个框架，Nuxt.js提供了很多功能，可以帮助您在客户端和服务器端之间进行开发，如异步数据，中间件，布局等。

以上是Nuxt.js的官方介绍，总的来说Nuxt.js是一个基于Vue的框架，大部分都是vue的东西，看一遍例子再研究研究，也是很容易上手的。总体来说是个不错的框架，不需要去配置webpack那些繁琐的东西，很大程度上的让vue-ssr更加的亲民了。

个人感觉nuxt的性价比有点低，其实我建议你自己用vue-ssr接口去实现 需要实现的功能可以从nuxt里扒这样构建工程的思路更清晰些。

2.2预渲染的方式---prerender（解决SEO,首屏问题）

var PrerenderSpaPlugin = require('prerender-spa-plugin')

var webpackConfig = merge(baseWebpackConfig, {
  plugins: [
    //这段代码意思是拷贝static文件至根目录使得渲染的文件可以找到js、css
    new CopyWebpackPlugin([{
      from: 'static'
    }]),
    new PrerenderSpaPlugin(
    //将渲染的文件放到dist目录下
      path.join(__dirname, '../dist'),   
      //需要预渲染的路由信息
      [ '/','/introduct','/culture','/Chairman','/president','/fund','/news','/honor' ],
      {
      //在一定时间后再捕获页面信息，使得页面数据信息加载完成
        captureAfterTime: 50000,
        //忽略打包错误
        ignoreJSErrors: true,
        phantomOptions: '--web-security=false',
        maxAttempts: 10,
      }
    ),

另：Prerender需要路由使用history模式，使用hash模式会导致失效。