Nuxt 作为静态站点生成器

尽管服务器端渲染是 Nuxt 的主要特性,但它也是一个静态站点生成器,可以将你的 Nuxt 应用程序预渲染为一个静态站点,正如静态生成应用程序类别提供的示例所示。它或许是传统单页应用程序和服务器端渲染应用程序两全其美的方案。在受益于静态 HTML 内容以获得更好的 SEO 的同时,你不再需要来自 Node.jsNuxt 的运行时支持。然而,你的应用程序仍然会像 SPA 一样运行。

更重要的是,在静态生成期间,Nuxt 拥有一个爬虫,它可以抓取你应用程序中的链接,以生成动态路由,并将它们的数据从远程 API 保存为 /dist/ 文件夹内 /static/ 文件夹中的 payload.js 文件。然后,这些 payload 文件用于提供最初从 API 请求的数据。这意味着你不再需要调用 API。这可以保护你的 API 免受公众甚至潜在攻击者的侵害。

你将在第十四章 “使用代码检查器、格式化工具和部署命令” 以及本书的最后一章,第十八章 “使用 CMSGraphQL 创建 Nuxt 应用” 中学习如何使用远程 APINuxt 生成静态站点。