SSR渲染和客户端交互

Question

如果我使用带有SSR的Nuxt构建站点，我将如何允许用户与该站点进行交互-例如，一个赞按钮，传统上，我将其作为vue组件使用axios来击中服务器。 / p>

客户端交互仍可以在SSR应用程序内进行吗？如果是，如何进行？

Answer 1

您将以完全相同的方式处理Vue应用程序。

SSR所做的全部工作就是预先渲染页面的HTML内容，这通常是出于SEO的原因。一旦浏览器收到了这些预渲染的内容，Vue / Nuxt就会通过水化过程来引导应用程序。

从那时起，该应用程序的行为就与普通Vue或Nuxt应用程序的行为完全一样。您可以使用@click处理函数创建一个按钮，调用method，然后将该方法发布到您的服务器上。

您需要了解的唯一棘手的事情是，在呈现服务器端时，该进程无权访问window对象，因此尝试直接引用它或使用引用它的插件/库是一件大事。不，不。对于这些，您需要使用<no-ssr></no-ssr>，或检查window是否存在。