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

vue.js Vue.js

理查德十三Davaid

2020-03-26

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

第3749篇《如何仅对Nuxt.js中的某些页面关闭SSR才能将其用作SPA应用程序？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
猴子卡卡西 2020.03.26

如果您的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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android