限制React-Router的特定路径

时间:2018-03-30 02:33:54

标签: reactjs react-router

我有一个github页面。我在github页面上有很多实时项目演示。现在我想将我的个人投资组合上传到我的根github项目目录。 (例如:https://username.github.io/)现在我使用基本反应和反应路由器制作了我的个人作品集。一切都很好。但是在某些时候我发现生活在其他路线中的其他项目(例如:https://username.github.io/someOtherRepo),react-router也正在捕捉它们,它基本上显示了我的投资组合中未找到的页面(根) 。那么有可能告诉react-router它应该只适用于某些特定的路由吗?在“' /'之后我不想让它抓住一切。我想保留我的投资组合与react-router,我也希望其他项目像往常一样在github页面上显示。 我上传反应应用程序的链接在这里:https://zonayedpca.github.io 我在其他存储库上有一些其他项目,例如:https://zonayedpca.github.io/ReactToDo 但是看到它没有加载原始项目。它只加载第一个反应应用程序

2 个答案:

答案 0 :(得分:0)

谢谢大家。实际上exact适用于此类案例。当我将文件上传到github并且我使用create-react-app创建了React应用程序时,ServiceWorker文件负责以这种方式运行。删除serviceworker后,它正常工作

答案 1 :(得分:0)

尝试实施以下代码:

<Route exact path="/" render{ () => <Redirect to="/Me" />