如何仅对 Nuxt.js 中的某些页面关闭 SSR 以将它们用作 SPA 应用程序？

Question

我想用 Nuxt.js 开发一个应用程序，它只对某些页面（比如艺术家页面用户页面）使用 SSR，所以没有 SSR 的页面将像 SPA 一样使用。是否可以使用 Nuxt.js 来实现？

原文由 piemekanika 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将您不想在服务器端呈现的组件的内容包装在 <client-only></client-only> 标记中（ <no-ssr></no-ssr> 对于 nuxt 版本 < 2.9.0）。

@DenisTsoi 的链接应该为您提供有关其工作原理的更多信息。

原文由 AlxTheRed 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你可以通过服务器中间件做到这一点

export default function(req, res, next) {
  const paths = ['/', '/a']

  if (paths.includes(req.originalUrl)) {
    // Will trigger the "traditional SPA mode"
    res.spa = true
  }
  // Don't forget to call next in all cases!
  // Otherwise, your app will be stuck forever :|
  next()
}

https://blog.lichter.io/posts/nuxt-dynamic-ssr-spa-handling/

原文由 Aldarund 发布，翻译遵循 CC BY-SA 4.0 许可协议