【问题标题】:How to combine static and client side rendered pages in Nuxt.js?如何在 Nuxt.js 中结合静态和客户端渲染页面?
【发布时间】:2021-10-13 22:37:57
【问题描述】:

当人们进入网站时,我希望 /home、/about 等页面保持静态。但是,当他们登录时,我希望从客户端呈现新页面。 Nuxt 如何实现这一点?

【问题讨论】:

    标签: nuxt.js


    【解决方案1】:

    如果您有target: static,这已经是默认行为。

    您的页面将在构建期间生成为静态 (yarn generate),然后可供用户使用。在初始渲染时,它将加载静态生成的代码,然后对页面进行水合并将其转换为 SPA。
    所以Nuxt是同构的(可以称为Universal App),因为后面有SSR/SSG+SPA客户端。

    从今天开始,您可以通过某种方式禁用客户端水合,但它并没有被烘焙,这也是默认行为。


    如果您想在yarn generate步骤中禁用特定路径的generation,可以按照这个答案:https://stackoverflow.com/a/66472634/8816585


    nuxt/auth 模块开箱即用。
    对于不需要任何登录的路由,您可以设置auth: false,这些路由将绕过auth中间件。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-11-03
      • 2018-08-24
      • 2021-11-16
      • 2021-08-24
      • 2021-09-09
      • 1970-01-01
      • 2020-06-02
      • 2015-06-06
      相关资源
      最近更新 更多