NuxtJS

SEO

• SEO(Search Engine Optimizationwe)搜索引擎优化
• 原理：利用搜索引擎的规则提高网站在有关搜索引擎内提高自然排名

• 作用：占领行业领先地位，获取品牌收益，提高相关访问量

  服务器渲染和客户端渲染

  服务器渲染(SSR、Server Side Render)是在服务端完成页面的渲染
  JSP技术和Thymeleaf技术也是SSR
  服务端渲染的特点：

• 在服务端生成HTML网页的dom元素

• 客户端(浏览器)值负责显示dom元素内容

客户端（浏览器）先试用AJAX向服务器发起http请求，获取到想要的内容后
生成dom元素并显示dom元素内容

两者的优缺点：
客户端渲染：

• 优点：客户端负责渲染，用户体验性好。服务器只提供数据，有利于提高服务端开发
• 缺点：不利于用户进行SEO，因为网站大量使用js技术，不利于搜索引擎抓取页面
• 适用场景：对SEO没有要求的系统，比如后台管理系统

服务端渲染：

• 优点：有利于SEO，网站通过href的url将搜索引擎引到服务端，服务端提供页面给搜索引擎
• 缺点：服务端完成部分客户端工作，
  • 通常完成一个需求需要改客户端和服务器代码，开发效率低不利于系统稳定

• 适用场景：对SEO有要求的系统，比如门户页面、商品页面

  介绍

  NuxtJS是基于VueJS的轻量级应用框架，可以用来创建服务器渲染（SSR）应用
  也能充当静态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等特性
  标签：服务器端渲染、静态站点引擎
  

• 用户打开浏览器，输入url请求到Node.js中的前端view组件

• 部署在nodejs的应用Nuxtjs接收用户（客户端）请求，并请求服务器获取数据
• NuxtJS获取服务器数据后进行服务器渲染
• nuxtjs将html页面响应传给用户（浏览器）