reactjs - React 应用程序 - 检查元素中存在 SEO 元数据但页面源中缺少

Question

我添加了一些逻辑来更新我的 React 应用程序中每个页面的元描述和标题，并且它在应用程序中正常工作(当我检查元素时，我可以在索引文件的标签中看到正确的数据)但是当我打开页面源代码时，它只显示没有任何元数据的初始 index.html，这会给 SEO 优化和爬虫带来问题。我知道问题出在哪里，它实际上是 SPA 应用程序的问题。现在的问题是，如果可能，如何在 SPA 应用程序中正确预渲染/设置元数据？或者唯一的解决方案是在 Next.js 中重写应用程序？
我试过 npm lib react-spa-prerenderer但它为每个页面生成静态 html 文件，当我创建生产构建并在本地提供它时，页面源再次错过元数据(尽管为每个页面生成的 html 文件包含所有元数据)。

Answer 1

您正在寻找的称为“服务器端渲染”。 Next.js 是在服务器上呈现 React 的一种方式，但不是唯一的方式。在 Internet 上搜索“react ssr”将为您提供许多选项和教程。