【问题标题】：How to use SSR with Nuxt.js on Netlify如何在 Netlify 上将 SSR 与 Nuxt.js 一起使用
【发布时间】：2020-06-28 05:10:21
【问题描述】：

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

这是我希望我的网页支持的行为。但是在 Netlify 的 their guide 之后，会像往常一样生成静态 HTML 页面，并带有指向所有外部依赖项的链接？

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

【问题讨论】：

【解决方案1】：

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

如果您想轻松实现 SSR，则可以使用 Heroku。 Nuxt 还可以动态生成路由，然后您可以将这些路由提供给 Netlify。唯一的缺点是，如果您的后端信息发生变化，您必须重新运行 generate 来获取新信息。

【讨论】：

【解决方案2】：

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 缓存和全局纱线缓存（即使依赖项发生变化）以及用于快速和小型部署的多阶段构建。

【讨论】：

始终欢迎提供指向潜在解决方案的链接，但请在链接周围添加上下文，以便您的其他用户了解它是什么以及它存在的原因。始终引用重要链接中最相关的部分，以防目标站点无法访问或永久离线。
@AbhishekDutt 注意到并感谢您
感谢 Ciril 的替代品。我应该注意到，从 Nuxt 3（这个问题与 Nuxt 2 开始）Netlify 现在支持 Nuxt 和 SSR
是的，你是对的。我应该将此添加到我的回复中。很遗憾 Netlify 没有为 Nuxt 2 实现这样的东西，因为很多项目仍然是用它构建的。截至目前，Nuxt 3 仍处于测试阶段。

【解决方案3】：

你不能 Netlify 不适用于 SSR，这里 nuxt 文档只提到静态渲染。

但是

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

【讨论】：