在 Nuxt SSR 应用程序中，服务器端发生了什么，客户端发生了什么？

Question

我正在使用 Nuxt 2.13 并正在构建一个电子商务网站。

但是我的服务器资源有一些问题，我第一次加载网站需要一些时间（在路由更改时，一切都很好而且很快，只是初始化很慢）。

所以我想知道我网站的哪些部分将在服务器上，哪些部分在客户端浏览器上。

例如，按照推荐，我使用fetch() 和axios 来获取页面/组件数据。当我阅读文档时，在渲染路线上说它是服务器端，而在导航上它是客户端。那是什么意思？我的axios 在服务器或客户端上调用fetch()？我在methods 中对后端的其他 axios 调用呢？

我想了解的是服务器上有哪些部分？我可以让它们成为客户端以节省服务器资源吗？ （恐怕有些用户的资源使用率太高了！！）

Answer 1

这就是获取点。它在需要时被调用。在初始页面加载期间的服务器端，所有页面状态都与渲染页面一起发送到客户端。以下所有导航仅在客户端调用 fetch。

在基本层面上，你可以不关心它。 实际上，为了加快初始加载，您可能决定始终在客户端加载某些内容。然后你可以把它移到 mounter() 钩子上，这个钩子总是只在客户端调用。