github-pages - Nuxt - 你能预渲染元数据吗？

Question

设置

我正在使用 GitHub Pages 静态托管我的网站。为了生成 SEO 数据，我使用了 Nuxt 框架支持的原生 head() 方法。这是我的设置示例。

export default {
  head() {
    return meta({
      title: 'Page title here',
      description: "Page description here",
      image: this.image, // programmatic image
    })
  }
}

问题

正如单页应用程序所预期的那样，元数据会在页面加载时呈现到 DOM 中。 HTML 中的初始数据来自 nuxt.config.js，这是为我的主页指定的信息。这导致了一个问题，即当任何页面被抓取时，它们都具有相同的元数据。

目标

在运行 nuxt generate 时，是否可以在各自的 HTML 文件中呈现每个页面的元数据？这样，当 Google、Facebook、Instagram 和其他平台抓取元数据时，可以使用适当的元数据。

Answer 1

在@kissu 的帮助下，问题是由以下事实引起的:在我的 nuxt.config.js 中，我关闭了服务器端渲染，以下属性为 st ssr : false 而它应该是 ssr: true。在此过程中需要解决 Node JS 的后续问题。