nuxt.js - 如何在 Netlify 上将 SSR 与 Nuxt.js 一起使用

Question

我理解的方式是服务器端渲染（SSR）是服务器渲染页面，然后通过一个流向浏览器发送数据块，而不是浏览器（客户端）加载 HTML 页面，然后对所有JS/CSS 等

这是我想支持我的网页的行为。但是按照他们的 Netlify 指南，生成静态 HTML 页面是否正常，并带有指向所有外部依赖项的链接？

在那种情况下不会运行npm run generate禁用SSR？还是我完全误解了这是如何工作的？

score 3 · Accepted Answer

Netlify 是一种静态托管服务，这意味着它们本身不支持 SSR。我确实联系了他们，他们向我指出了使用他们的功能来运行Express服务器的方向。

如果您希望 SSR 没有麻烦，可以选择Heroku。Nuxt 还可以动态生成路由，然后您可以将这些路由提供给 Netlify。唯一的缺点是，如果您的后端信息发生变化，您必须重新运行 generate 来获取新信息。

score 3 · Accepted Answer

编辑 2021 年 1 月 12 日：

最初的答案是帮助在无服务器平台上使用 Nuxt 2 和 SSR 的任何人，但从 Nuxt 3 Beta 开始，他们已经为 Netlify 实施了 SSR：https ://v3.nuxtjs.org/docs/deployment/netlify/

原答案：

您可以使用 Vercel Builder for Nuxt 在 Vercel 上实现它。它使您的项目适应使用无服务器功能并使用它呈现您的项目。： https ://github.com/nuxt/vercel-builder

摘自自述文件：

这个怎么运作

此 Vercel 构建器采用由 nuxt.config.js（或 .ts）入口点定义的 Nuxt 应用程序，并将其部署为 Vercel 环境中的无服务器功能。

它具有 node_modules 的内置缓存和全局纱线缓存（即使依赖项发生变化）以及用于快速和小型部署的多阶段构建。

score 1 · Accepted Answer

您不能 Netlify 不适用于 SSR，这里 nuxt 文档仅提及静态渲染。

但

理论上，您应该将 SSR 与 Function（无服务器）一起使用，您需要大量配置才能实现。