如何仅对Nuxt.js中的某些页面关闭SSR才能将其用作SPA应用程序?

我想使用Nuxt.js开发仅对某些页面使用SSR的应用程序(例如,艺术家页面用户页面),因此没有SSR的页面将像SPA一样使用。使用Nuxt.js可以做到吗?

猴子卡卡西2020/03/26 16:09:49

如果您的Nuxt版本> v2.9.0,请使用<client-only>代替<no-ssr>

这是一个例子:

<template>
  <div>
    <sidebar />
    <client-only placeholder="Loading...">
      <!-- this component will only be rendered on client-side -->
      <comments />
    </client-only>
  </div>
</template>

Loading...被用作占位符直到内的成分(S)<client-only>安装在客户机侧。

您可以在此处了解更多信息:Nuxt API- <client-only>组件

小宇宙2020/03/26 16:09:49

<no-ssr></no-ssr>标签中包装您不想呈现服务器端的组件的内容

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