在使用Vue这样的框架时,对客户端渲染和服务器端渲染感到困惑



当使用Vue这样的框架时,我正试图了解SSR与CSR的区别。因为你会使用Vue路由器或类似的机制来导航,所以不是总是是CSR吗?

当我想到SSR时,我会想到像Rails这样的东西,服务器加载一个不同的路由,并加载一个ERB文件来显示。有没有关于你将如何建立SSR和vue的例子?

Vue主要是客户端框架——渲染是由运行在客户端浏览器中的JS完成的。您的应用程序(通常(只有一个index.html。那个html文件几乎不包含html。它只装载了成吨的JS。。。

这带来(至少(2个挑战:

  1. 爬网程序(用于共享的谷歌,还有推特/FB等(不执行JS(或者,如果他们执行了JS,在您的网站被索引之前会有很大的"排队等候"惩罚(,因此他们看不到任何内容。这是个问题
  2. 当加载的页面是非平凡的(使用大量的组件/组件呈现大量的HTML/组件,这需要来自API的一些额外数据(时,初始呈现仍然需要相当长的时间。这是糟糕的用户体验-页面加载,用户什么也看不到,一段时间后,内容出现

为了解决这个问题,引入了SSR。第一个页面请求在服务器上预先呈现,因此客户端(无论是爬网程序还是用户(都会收到一些有意义的索引/查看内容,之后,Vue将接管控制权,其他一切都只在客户端上发生。。。

最新更新