Nuxt.js服务器端呈现是如何工作的？

Question

我主要是和Next.js一起为网络项目工作。工作要求我从事一个使用Nuxt.js (v2)的项目。

我开始读努克斯特的书。在过去的几天里，从翻阅文档到现在，仍有几个问题悬而未决。

1. Static-Site世代：几个月前，我曾涉足过它，但最终没有把它用于任何实质性的事情。这看起来相当简单，与在构建时使用Next.js进行纯静态站点使用getStaticProps()来获取数据并没有太大的不同。动态数据获取和身份验证可以在客户端进行，就像SPA一样。构建时的静态数据确保良好的SEO.

1. Server-Side呈现(关于下一步)：对于Next.js来说，这也很简单，每次请求页面时，getStaticProps()都会阻止它呈现，直到它能够用服务器本身的上的道具数据进行解析。一个完全呈现的页面返回给客户端，从那里开始，客户机仍然可以使用XHR.

调用我们的api路由来获取即时的动态数据。

1. Server-Side呈现(在Nuxt上)：阅读Nuxt.js上的文档并编写一个小的示例项目，Nuxt.js在Nuxt.js(通用)中的工作方式似乎不同，只有第一个请求生成服务器呈现的页面，在这里，在out上，两个数据获取函数、asyncData()和fetch()都运行在客户端(页面的javascript包使用Nuxt路由器预加载)。

我的问题是，这种做法的好处是什么？这将无助于SEO，机密不能存储在服务器上，因为代码可以在浏览器上执行。我遗漏了什么吗？我搜索了文档，找不到任何能使每个请求在服务器上呈现的东西，就像服务器呈现的应用程序应该做的那样。

Answer 1

我正在使用Nuxt 3，据我所知，您可以在客户机和服务器中使用useAsyncData()和useFetch()。Nuxt 3 SSR通用工作与SEO很好，因为爬虫没有缓存文件，所以每个请求是分开的，所以爬虫每次从服务器获得SSR HTML文件。如果您想要从“服务器”文件夹中创建API调用，则可以使用机密信息，这是一个单独的功能，可以使API调用不与网页匹配。调用此API将只发送用户(例如，JSON文件)，而不是服务器/*..js文件中的全部代码。