如何使用react-router删除根路由中结尾/
如何使用react-router删除根路由中结尾/
提问于 2019-04-02 02:45:58
我有几条路线：
www.example.com/rootRoute/flags
www.example.com/rootRoute/test
www.example.com/rootRoute/derp对于路由主页，我希望我的路由是：
www.example.com/rootRoute但是react-router在最后强制使用/，所以我的根路由是：
www.example.com/rootRoute/你知道怎么解决这个问题吗？
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",我已经在交换机中设置了路径，并将其路由到所需的路径，但在地址栏中总是附加一个/。
<Switch>
<Route path={'/rootRoute/flags'} component={FeatureFlagsPage} />
<Route path={'/rootRoute/test'} component={DerpComponent} />
<Route path={'/rootRoute'} component={TestComponent} />我希望在根路由的末尾没有/。
回答 4
Stack Overflow用户
回答已采纳
发布于 2019-04-02 03:26:41
我最终使用了history.replaceState(''，'State Title'，'Root Path')；
在我的索引组件中。
Stack Overflow用户
发布于 2019-04-02 02:51:03
以下是一些小更改：
将/rootRoute移到顶部，并向其添加exact。去掉花括号..。
<Switch>
<Route exact path='/rootRoute' component={TestComponent} />
<Route path='/rootRoute/flags' component={FeatureFlagsPage} />
<Route path='/rootRoute/test' component={DerpComponent} />
</Switch>Stack Overflow用户
发布于 2020-08-20 06:07:11
您可以向路由器添加基本名称，如下所示：
<Router basename='/rootRoute'>
<Switch>
<Route exact path='/' component={ TestComponent }/>
<Route path='/flags' component={ FeatureFlagsPage }/>
<Route path='/test' component={ DerpComponent }/>
</Switch>
</Router>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55461670
复制相关文章
相似问题
腾讯云开发者
