Nuxt "Universal"-mode 是否每次客户端请求新页面时都重新向Node服务器请求页面?
Does the Nuxt "Universal"-mode re-request the page from the Node server every time a new page is requested by the client?
我试图在我的开发工具的帮助下找出关于 Nuxt "Universal" 模式的基本知识,但我不确定我是否理解正确。
每次我在 Universal Nuxt 应用程序中请求 一条新路由 时,它似乎都会向节点服务器发送一个 200 (OK) 请求。 我是否理解正确,在每个页面请求上,节点服务器都会请求并提供一个新文档?
有些人声称,即使在 运行 通用模式下,节点服务器只发送一个包,之后导航和后续页面在客户端加载,因此不再访问节点服务器,但事实并非如此吧,搜索引擎爬虫怎么可能索引呢?
基本上在每个新路由上,页面都会以其预呈现的形式从 Node 服务器重新请求,对吗?这就是 "Universal" 模式实际上对 SEO 友好的方式,因为爬虫可以浏览所有页面并将其正确索引到 Google 或 Bing?
很抱歉,我只是 Nuxt 的初学者,我完全理解(我认为)SPA 和 Nuxt 生成模式是如何工作的,但目前这种通用模式对我来说仍然是个谜。
如果对此有任何澄清,我将不胜感激!!!这对我的学习之旅非常有价值!谢谢!
了解不同的 "kinds" 导航很重要。
如果您通过在浏览器的 URL 栏中输入路由来导航到该路由,则浏览器正在访问服务器(这与 Nuxt 具体无关)并且您返回的是 HTML使用 Nuxt + js 包预渲染的 HTML 路由内容。如果您使用 F5(重新加载),也会发生同样的事情。
另一方面,如果您在某些 Nuxt 页面中使用 <nuxt-link>
指向不同的 route/page 并单击它,底层 Vue 路由器将用于切换到不同的页面(Vue组件),不请求服务器(HTML),新组件(页面)将只处理呈现客户端
以这种方式导航时可能会出现 Ajax 请求,但请求 不适用于服务器端呈现 HTML。它用于额外的 JS 内容。这是因为 Nuxt 使用自动代码拆分(所以当你第一次访问服务器时,只加载该路由工作所需的 JS)。一旦加载了特定路线的 JS 包,它将不会在后续导航中再次加载,除非您的 page/components 内部正在从某些 API 加载数据,否则您将不会在导航期间看到对服务器的任何请求....
我试图在我的开发工具的帮助下找出关于 Nuxt "Universal" 模式的基本知识,但我不确定我是否理解正确。
每次我在 Universal Nuxt 应用程序中请求 一条新路由 时,它似乎都会向节点服务器发送一个 200 (OK) 请求。 我是否理解正确,在每个页面请求上,节点服务器都会请求并提供一个新文档?
有些人声称,即使在 运行 通用模式下,节点服务器只发送一个包,之后导航和后续页面在客户端加载,因此不再访问节点服务器,但事实并非如此吧,搜索引擎爬虫怎么可能索引呢?
基本上在每个新路由上,页面都会以其预呈现的形式从 Node 服务器重新请求,对吗?这就是 "Universal" 模式实际上对 SEO 友好的方式,因为爬虫可以浏览所有页面并将其正确索引到 Google 或 Bing?
很抱歉,我只是 Nuxt 的初学者,我完全理解(我认为)SPA 和 Nuxt 生成模式是如何工作的,但目前这种通用模式对我来说仍然是个谜。
如果对此有任何澄清,我将不胜感激!!!这对我的学习之旅非常有价值!谢谢!
了解不同的 "kinds" 导航很重要。
如果您通过在浏览器的 URL 栏中输入路由来导航到该路由,则浏览器正在访问服务器(这与 Nuxt 具体无关)并且您返回的是 HTML使用 Nuxt + js 包预渲染的 HTML 路由内容。如果您使用 F5(重新加载),也会发生同样的事情。
另一方面,如果您在某些 Nuxt 页面中使用 <nuxt-link>
指向不同的 route/page 并单击它,底层 Vue 路由器将用于切换到不同的页面(Vue组件),不请求服务器(HTML),新组件(页面)将只处理呈现客户端
以这种方式导航时可能会出现 Ajax 请求,但请求 不适用于服务器端呈现 HTML。它用于额外的 JS 内容。这是因为 Nuxt 使用自动代码拆分(所以当你第一次访问服务器时,只加载该路由工作所需的 JS)。一旦加载了特定路线的 JS 包,它将不会在后续导航中再次加载,除非您的 page/components 内部正在从某些 API 加载数据,否则您将不会在导航期间看到对服务器的任何请求....