如何让 Nuxt.js 预渲染页面的完整 HTML?

Ala*_*n L 5 html prerender single-page-application vue.js nuxt.js

我有一个基本的应用程序(nuxt 版本 2.12.2),是通过运行npx create-nuxt-app并将模式设置为“SPA”而制作的。当我使用npm run buildor时npm run generate,它会为每个页面创建一个 HTML 文件,但不会预先呈现页面中的任何实际 HTML。它只有加载单页应用程序的 JavaScript。出于 SEO 的原因,我希望每个页面都有预渲染的 HTML。最好的方法是什么?

我真的很惊讶我没有在 Nuxt.js 文档中找到解决这个问题的任何内容。

Dav*_* Go 5

我同意这是文档中的一个空白,我也一直在努力解决这个问题。事实证明,nuxt generate通用模式和水疗模式的行为有所不同。如果您希望 HTML 文件在服务器上预渲染,则需要通用模式。

  • 谢谢你,我以为我疯了。我正在 netlify 上部署一个网站,我注意到我们在使用 ssr: true 的 lighthouse 上始终获得更好的分数,即使从技术上讲它背后没有节点。当我的意思是始终如一更好时,我的意思是从 ssr:false 到 ssr:true 的分数差异约为 40 分。我真的无法理解为什么会发生这种事!谢谢你! (2认同)