【发布时间】:2021-10-13 22:37:57
【问题描述】:
当人们进入网站时,我希望 /home、/about 等页面保持静态。但是,当他们登录时,我希望从客户端呈现新页面。 Nuxt 如何实现这一点?
【问题讨论】:
标签: nuxt.js
当人们进入网站时,我希望 /home、/about 等页面保持静态。但是,当他们登录时,我希望从客户端呈现新页面。 Nuxt 如何实现这一点?
【问题讨论】:
标签: nuxt.js
如果您有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中间件。
【讨论】: