nuxtjs-temp

启动项目

# 首先安装包
$ npm install

# 然后构建server服务
$ npm run build


# 启动项目
npm run dev

For detailed explanation on how things work, check out Nuxt.js docs.

SSR

SSR即服务器端渲染，简单来说就是服务端生成好的html页面内容，直接返回给浏览器渲染。

vue-server-render 和 nuxtjs 比较

vue-server-renderer插件，使用 Node.js server 的服务器端单页面应用程序渲染。将 Vue 服务器端渲染 (SSR) 与其他后端设置进行混合使用。

Nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架。 你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。

它们解决最大的2个问题：1. 首屏问题，2. SEO问题

两者的优点：

• 有利于SEO。因为在后端有完整的html页面，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面，所以爬虫更容易爬取获得信息，更有利于seo。
• 首屏加载快，后端生成静态化文件返回直接渲染，快速地看到完整渲染的页面，从而提高用户体验。 。
• 无需占用客户端资源。即解析模板的工作完全交由后端来做，客户端只要解析标准的html页面即可，这样对于客户端的资源占用更少，尤其是移动端，也可以更省电。
• 静态资源可以做CDN缓存/加速。

两者的缺点：

• 开发条件所限。浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外部扩展库 (external library) 可能需要特殊处理，才能在服务器渲染应用程序中运行。
• 涉及构建设置和部署的更多要求。与可以部署在任何静态文件服务器上的完全静态单页面应用程序 (SPA) 不同，服务器渲染应用程序，需要处于 Node.js server 运行环境。
• 更多的服务器端负载。在 Node.js 中渲染完整的应用程序，显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源 (CPU-intensive - CPU 密集)，因此如果你预料在高流量环境 (high traffic) 下使用，请准备相应的服务器负载，并明智地采用缓存策略。

两者的最大的区别：

一、Nuxt.js 最大的优点就是：开箱即用

• nuxt.js是一个基于Vue.js的通用应用框架。主要关注的是应用的UI渲染。
• 它建立在同等的 Vue 技术栈之上，但抽象出很多模板，并提供了一些额外的功能，例如静态站点生成。nuxt generate命令：为基于Vue.js的应用提供生成对应的静态站点的功能
• 预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。把 Nuxt 是一个基于 Vue 生态的更高层的通用应用框架，为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。
• Nuxt.js 后期的的性能优化，使用 Webpack 进行性能优化

二、vue-server-render 最大的优点：直接地控制应用程序的结构

• 可以自定义结构

两者本质一样