如何使用反应路由器生成站点地图

Posted

技术标签:

【中文标题】如何使用反应路由器生成站点地图【英文标题】:How to generate sitemap with react router 【发布时间】:2016-08-29 12:29:02 【问题描述】:

我试图弄清楚如何在 reactJS 服务器端(快速)网络应用程序中动态生成站点地图。我正在使用反应路由器。

【问题讨论】:

您的站点地图需要多详细?我认为 XML 没问题? 【参考方案1】:

对于与 React Router 的简单 ReactJS 站点地图集成,您应该查看 react-router-sitemap 包。

它也是相当可配置的,正如您在 docs 中看到的那样,所以如果您需要包含更改频率或类似的东西,您应该可以做到。

或者您是否正在寻找一种自己实现的方法?

【讨论】:

使用 react-router 创建的 sitemap.xml 是否与我们在路由器中的 react-router-dom 路径匹配?请回答任何人。【参考方案2】:

如果您的网站经常更改,则需要动态创建站点地图。我被困在这里并找到了这个有效的解决方案,它甚至可以通过使用 NextJs 在 ReactJS 中为我​​的网站调用 API 来生成实时站点地图。 dynamic Sitemap Steps

您可以通过创建大多数公共文件来做到这一点,例如

    sitemap.xml rss.feed robots.txt humans.txt

保留 ReactJS 的行为也是如此。

【讨论】:

感谢您的帮助,我在我的项目中使用了这个博客的代码。这对我帮助很大。

以上是关于如何使用反应路由器生成站点地图的主要内容,如果未能解决你的问题,请参考以下文章

如何忽略 Laravel 路由中的站点地图 url?

如何修复 PHP XML 站点地图编码错误

Google站点地图索引 - 包含参数的站点地图位置

我可以使用 WGET 生成给定 URL 的网站的站点地图吗?

Google搜索控制台无法获取站点地图“无法读取站点地图”

使用 DOMDocument 生成站点地图:输出中缺少 AttributeNode