当浏览器请求一个开启了服务端渲染的URL时,服务器会向浏览器返回一个完全渲染的HTML页面。不管这个页面是事先生成并缓存的,还是即时渲染的,在某个时刻,Nuxt已经在服务器环境中运行了JavaScript(Vue.js)代码,产生了一个HTML文档。用户立即得到我们的应用程序的内容,与客户端渲染相反。这一步类似于PHP或Ruby应用程序所执行的传统服务器端渲染。
为了不失去客户端渲染方法的好处,例如动态界面和页面转换,一旦HTML文档被下载,客户端就会在后台加载服务器上运行的javascript代码。浏览器再次对其进行解释(因此是通用渲染),Vue.js则控制该文档并实现交互性。
让静态页面在浏览器中实现交互被称为 "Hydration"。
服务端渲染使得Nuxt应用程序有更短的页面加载时间,同时保留了客户端渲染的优点。此外,由于内容已经存在于HTML文档中,搜索引擎爬虫可以在没有开销的情况下索引它。
静态页面在浏览器中实现交互的过程被称为"Hydration"。当浏览器向服务器请求一个启用了服务端渲染的URL时,服务器会返回一个完全渲染好的HTML页面。这个HTML页面可以是事先生成并缓存的,也可以是即时渲染的。无论哪种情况,Nuxt已经在服务器环境中执行了JavaScript(Vue.js)代码,生成了一个HTML文档。用户立即得到了应用程序的内容,与客户端渲染不同。这一步类似于传统的服务器端渲染,比如PHP或Ruby应用程序所执行的过程。
为了不失去客户端渲染的好处,比如动态界面和页面转换,一旦HTML文档被下载,浏览器会在后台加载服务器上运行的JavaScript代码。浏览器再次解析这些代码(因此称为通用渲染),Vue.js控制着这个文档并实现了交互性。
服务端渲染使得Nuxt应用程序具有更短的页面加载时间,同时保留了客户端渲染的优点。此外,由于内容已经存在于HTML文档中,搜索引擎爬虫可以在没有额外开销的情况下索引它。