【问题标题】:Nuxt.js first loadingNuxt.js 首次加载
【发布时间】:2021-02-19 01:01:35
【问题描述】:

当我第一次加载 Nuxt.js 时,我知道它是 ssr。但我不明白如何使用ssr 加载页面并将其与csr 一起使用。 另外,我想知道asyncData是否只有在csr操作时才有效。 Nuxt.js 是如何工作的?

【问题讨论】:

  • 当您提到 csr 时,您的意思是什么?不清楚你的意思。

标签: vue.js nuxt.js server-side-rendering


【解决方案1】:

SSR(服务器端渲染)和 CSR(客户端渲染)之间的主要区别在于,使用 SSR,您的服务器对浏览器的响应是准备好渲染的页面的 HTML,而对于 CSR,浏览器只是获取一个空文档,其中包含指向您的 Javascript 的链接。

获取服务器生成的页面意味着您的浏览器将开始从您的服务器呈现 HTML,而无需等待 所有 JavaScript 下载并执行。

Nuxt.js 使用为第一次加载生成 SSR 页面(这加快了初始加载时间,并具有更多优势)。加载完所有 Javascript 后,Nuxt.js 会挂载原始的 Vue 应用程序,这将使所有内容变为反应式,应用路由等。

【讨论】:

  • 谢谢。我有一个问题,但如果我需要一秒钟以上的时间来加载所有 Javascript 并将它们路由进去,它是否适用于 SSR?
猜你喜欢
  • 2018-10-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-14
  • 2018-05-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多