SSR呈现和客户端交互



如果我用Nuxt和SSR构建一个站点,我将如何允许用户与该站点交互——例如,一个类似的按钮,传统上我会作为vue组件来使用axios来访问服务器。

客户端交互仍然可以在SSR应用程序中进行吗?如果可以,如何进行?

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

SSR所做的只是预先呈现页面的HTML内容,这通常是出于SEO的原因。一旦浏览器收到这些预先渲染的内容,Vue/Nuxt就会通过水合过程来引导应用程序。

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

您需要注意的唯一棘手的事情是,在渲染服务器端时,进程无法访问窗口对象,因此尝试直接引用它,或使用引用它的插件/库,是一个很大的问题。对于这些,您需要使用<no-ssr></no-ssr>,或者检查window是否存在。

最新更新