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

     2023-02-21     109

关键词:

【中文标题】如何使用反应路由器生成站点地图【英文标题】: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 的行为也是如此。

【讨论】:

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

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

】如何修复PHPXML站点地图编码错误【英文标题】:howtofixPHPXMLsitemapencodingerror【发布时间】:2019-06-1003:06:09【问题描述】:我正在使用PHP创建XML站点地图。XML值来自数据库,并使用以下代码生成XML站点地图。header("Content-Type:applicat... 查看详情

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

】使用DOMDocument生成站点地图:输出中缺少AttributeNode【英文标题】:generatingsitemapwithDOMDocument:missingAttributeNodeintheoutput【发布时间】:2022-01-0321:34:45【问题描述】:我正在尝试生成sitemap.xml,这是我的代码的简化版本$dom=new\\DOMDocum... 查看详情

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

】我可以使用WGET生成给定URL的网站的站点地图吗?【英文标题】:CanIuseWGETtogenerateasitemapofawebsitegivenitsURL?【发布时间】:2011-04-2607:47:18【问题描述】:我需要一个可以抓取网站并以纯文本或类似格式返回所有抓取页面列表的脚... 查看详情

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

】如何忽略Laravel路由中的站点地图url?【英文标题】:HowtoignoresitemapurlfromLaravelrouting?【发布时间】:2017-09-0815:49:11【问题描述】:我在http://example.com的根目录下有sitemap.xml当我尝试访问http://example.com/sitemap.xml时。它显然会抛出... 查看详情

如何使用 zend 框架创建站点地图?

】如何使用zend框架创建站点地图?【英文标题】:howtocreatesitemapusingzendframework?【发布时间】:2011-08-0620:56:00【问题描述】:我想创建站点地图。我使用zend框架。我不太了解站点地图。任何人都知道如何在zend框架中创建站点地... 查看详情

如何修复站点地图错误?

】如何修复站点地图错误?【英文标题】:HowdoIfixsitemaperrors?【发布时间】:2021-03-2817:54:29【问题描述】:站点地图不起作用我无法获取站点地图URL,也无法使用/sitemap.xmlURL我该如何解决??siteMetadata:siteUrl:siteAddress.href,//whichis"h... 查看详情

使用 PHP 动态创建站点地图 [重复]

】使用PHP动态创建站点地图[重复]【英文标题】:SitemapDynamicCreationwithPHP[duplicate]【发布时间】:2019-06-2208:29:18【问题描述】:我正在尝试使用php生成有效的站点地图。逻辑很简单。我将所有^(.+)index_sitemal.xml请求转发到.htaccess中... 查看详情

markdown站点地图生成(代码片段)

查看详情

如何使用 mongodb、node.js、express 和 EJS 创建动态站点地图?

】如何使用mongodb、node.js、express和EJS创建动态站点地图?【英文标题】:Howtocreateadynamicsitemapwithmongodb,node.js,expressandEJS?【发布时间】:2018-09-1920:19:38【问题描述】:我正在尝试为我的网站创建一个动态站点地图,它有很多经常更... 查看详情

(反应原生)如何使用地理定位将地图视图集中在用户身上

】(反应原生)如何使用地理定位将地图视图集中在用户身上【英文标题】:(reactnative)HowtocentermapviewonuserusingGeolocation【发布时间】:2021-09-0711:15:41【问题描述】:如何使用Geolocation.getCurrenPosition()以便返回用户的纬度和经度【问... 查看详情

如何手动创建 XML 站点地图? [复制]

】如何手动创建XML站点地图?[复制]【英文标题】:HowtocreateXMLSiteMapmanually?[duplicate]【发布时间】:2015-06-2422:47:20【问题描述】:如何在不使用任何插件的情况下创建xml站点地图?<?xmlversion="1.0"encoding="UTF-8"?><urlsetxmlns="http:/... 查看详情

如何从快递控制反应路由器

】如何从快递控制反应路由器【英文标题】:Howtocontrolreact-routerfromexpress【发布时间】:2017-05-2704:20:33【问题描述】:我正在使用node和express后端构建一个反应应用程序。我使用JWT和护照进行身份验证。因此,当我登录时,它会... 查看详情

javascript基于exportpathmap为nextjs静态站点生成站点地图xml(代码片段)

查看详情

如何使用反应路由器获取以前的位置?

】如何使用反应路由器获取以前的位置?【英文标题】:Howtogetpreviouslocationwithreactrouter?【发布时间】:2018-10-0313:36:21【问题描述】:我正在尝试从反应路由器获取以前的位置。我已经设置了一个减速器来监听@@router/LOCATION_CHANGE... 查看详情

如何使用反应路由器在反应js中创建没有节点的多页面应用程序

】如何使用反应路由器在反应js中创建没有节点的多页面应用程序【英文标题】:Howtocreatemultipageappwithoutnodeinreactjswithreactrouter【发布时间】:2017-09-1513:36:49【问题描述】:我想在不使用节点js的情况下使用反应路由器创建一个多... 查看详情

如何将 React.createContext() 与反应路由器一起使用?

】如何将React.createContext()与反应路由器一起使用?【英文标题】:HowtouseReact.createContext()withreactrouter?【发布时间】:2018-10-1018:44:58【问题描述】:我正在尝试将React.createContext()与反应路由器一起使用,但目前是不可能的。constCont... 查看详情

markdown如何安装和使用反应路由器(路由)(代码片段)

查看详情

如何使用反应路由器?它显示警告

】如何使用反应路由器?它显示警告【英文标题】:howtousereact-router?itshowswarnings【发布时间】:2015-11-0413:18:08【问题描述】:我在CommonJS中使用以下依赖项。我正在尝试将App和Home一起渲染。Home组件仅应在DefaultRoute的路径为path=&qu... 查看详情