单页面(SPA)与服务端渲染(SSR)，概念、区别，优缺点

单页面(SPA)与服务端渲染(SSR)，概念、区别，优缺点

• 什么是单页面应用？
• 什么是多页面应用？
• 二者有什么区别？

1、单页面应用与多页面应用：

单页面顾名思义就是整个应用只有一个Html页面，页面的切换其实是组件的切换。这样设计的好处就是不进行页面的切换应用会更加流畅，用户体验好，不需要记载整个页面。良好前后端分离，切换组件通过发ajax请求资源，服务端不进行渲染，服务端压力小。单页面的缺点有以下几点：初次加载时间长，为实现单页面的应用功能，需要在加载页面时JS和CSS统一加载；由于只有一个页面，不能使用浏览器的前进后退功能；对SEO很不友好，这一点单独解释。

2、为什么单页面应用对SEO不友好？

SEO也就是搜索引擎优化，这涉及到搜索引擎的机制，简单来说就是搜索引擎进行搜索时需要尽可能的获取页面完整的信息才能保证搜索的准确性，但是对于单页面来说，切换页面即切换组件，而切换组件又需要发送异步请求获取该组件需要的数据，而搜索引擎并不会等待组件加载异步数据，所以在单页面应用中，搜索引擎无法获取页面较为完整的信息，这就是单页面应用对SEO不友好的原因。

单页面应用不利于SEO的缺陷也是大家在尝试使用服务端渲染，多页面应用的主要原因

3、服务端渲染

服务端渲染就是在服务端对Vue界面进行渲染生成较为完整的html文件再传递给浏览器。浏览器接收到的就是完整的html页面不必发送请求数据去填充页面。这就保证了搜索引擎可以获取完整的页面信息。并且服务端渲染的这种机制也大大减少了首屏加载的时间。