小火箭av网站
在这篇文章中,我想和大家分享一下服务器端渲染(SSR)和客户端渲染(CSR)的区别。 了解这两件事之间的区别非常重要,尤其是当您在 Web 上进行开发时。 首先,我将解释 SSR 和 CSR 的定义,然后我将介绍它们之间的区别,最后,分别适合什么样的情况。
SSR 代表服务器端渲染。它是 Web 应用程序在服务器上呈现网页而不是在浏览器中呈现网页的能力。当页面到达客户端时,它被完全呈现。这是因为服务器端在页面被服务器发送到客户端之前已经完全呈现了页面。当服务器端接收到请求时,它会编译所有内容,如果页面的内容需要从数据库中获取数据,服务器会这样做,然后将数据渲染到完全渲染的页面中,然后将其发送给客户端作为回应。现在,如果客户端导航到不同的路线怎么办?每次客户端导航到不同的路线时,服务器都会重新完成工作。
CSR 代表客户端渲染。总体而言,CSR 与 SSR 是相反的。如果 SSR 在服务器端呈现页面,则 CSR 在客户端呈现页面。当服务器接收到请求时小火箭av网站,它不会渲染页面,相反,服务器将发送一个页面作为页面的骨架给客户端。服务器将页面与 JavaScript 文件一起发送。稍后,JavaScript 会将页面变成完全呈现的页面。那么内容在哪里呢?如果页面需要从数据库中获取数据怎么办?然后,API 进来。客户端将向 API 发出请求以获取数据,然后将其呈现到页面。最后,如果客户端导航到不同的路线怎么办?服务器会再次发送页面吗?服务器不会再次发送页面,而是客户端将根据客户端请求的路由重新渲染页面。所以使用的页面总是与第一个请求相同的页面。
CSR 和 SSR 之间的主要区别在于页面的呈现位置。 SSR 在服务器端呈现页面,CSR 在客户端呈现页面。客户端动态管理路由,无需在每次客户端请求不同的路由时刷新页面。