1. 客户端渲染

页面内容在客户端(浏览器)渲染

1. 第一次请求----> 获取页面
   1. 打开页面
   2. 服务器返回结构页面
   3. 浏览器解析
2. 第二次请求----> 获取页面中的数据
   3. 再次执行代码中的接口请求
   3. 服务器收到处理完返回给前端
   3. 前端渲染
   3. 显示完整页面

至少会请求两次

优点：页面显示速度快，不太容易一出现空白页面

缺点：网速慢，会导致页面出现空白，不利于 seo，异步 AJAX 获取的数据爬虫是爬取不到的

2.服务端渲染

页面内容在服务端(服务器)渲染

1. 第一次请求
   1. 服务端收到请求
   2. 读取模板
   3. 读取数据
   4. 渲染数据
   5. 返回给前端

只会请求一次

优点：利于 seo 优化，服务端渲染的内容可以被爬虫爬取到

缺点：速度相对较慢，比较吃服务器，体验没有异步 AJAX 好

一般网站都是服务端渲染结合客户端渲染，例如电商网站的商品列表，目的就是为了 seo 优化