从零搭建SSR及Nuxt配置与踩坑记录

学习SSR的原因

学习nuxt的一个根本原因就是为了SEO，要了解SEO，我们要知道，浏览器爬虫的 工作流 程以及SPA、SSG、SSR这些概念只有这样我们才能了解到为什么学习Nuxt以及为什么学习Nuxt主要解决了什么问题

SPA

单页面程序（SPA）全称是：Single-page-application，SPA应用是在客户端（即浏览器端渲染）术语称CSR

SPA特点

1. SPA默认只返回一个空白HTML页面，并没有具体的内容
2. 整个应用程序的内容是通过JS动态加载
3. 常见框架：React、Vue、Angular
4. SPA优缺点
5. 优点
      
6. 缺点
      

SSG

静态站点生成（SSG）全称是：Static site Generate，即预先生成好的静态网站，一般用于官方文档或者博客网站比较多

SSG特点

1. SSG应用一般在构建阶段就确定了网站的内容（页面内容是静态的而并非是请求服务器出来的）
2. 如果网站内容需要更新，就必须重新构建和部署
3. SSG优缺点
4. 优点
      
5. 缺点
      

SSR

服务器端渲染（SSR）全称是：Server Side Render，即在服务器端渲染页面，将渲染好的HTML返回给浏览器呈现

SSR特点

1. SSR应用的页面是在服务器端渲染的，用户每次请求都会将渲染好的页面给浏览器进行呈现
2. SSR优缺点
3. 优点
      
4. 缺点
      

爬虫工作流程

学习SSR的一大目的就是利于SEO，要搞清楚这些就要知道爬虫的基本工作流程

爬虫工作流程

我们在使用浏览器搜索时，浏览器给我们呈现的内容就是爬虫爬取结果后根据一定的算法呈现出来的，简单来说浏览器整个就是爬虫爬取出来的，那么它的工作流程到底是什么样呢

1. 抓取

爬虫会在网络中发现各种网页，将网页中的爬取的内容存放到临时库中，网页中如果遇到其他网站，就重复该过程

1. 索引编制

爬取完结果后，爬虫会对爬取的数据进行分析（例如title元素、图片、视频等），将爬取的网页进行归档分类，并且会对临时库中的信息进行筛选不符合规则的会被清理，最后会把爬虫的结果符合规则的存放到索引区供用户搜索时呈现

1. 呈现搜索结果

用户搜索时，搜索引擎会根据内容的类型，选择一组更加符合规则的呈现给用户

什么是SEO

SEO是搜索引擎优化（Search Engine Optimization）的缩写，是一种通过优化网站的内容、结构和技术等方面，以提高网站在搜索引擎中的排名和曝光度的方法和策略。