2016-11-16 69 views
1

我已经开发了一个页面,反应,其途径是如何添加斜线反应路由器路径

http://example.come/page1

当URL被加载,我需要在URL这样

年底追加一个斜杠

http://example.come/page1/

我的路线是这样的

Router history={browserHistory}> 
    <Route path='/' component={Home} /> 
    <Route path='/page1' component={Page1} /> 
</Router> 

我试图改变路径,直接到“/第1页/”而不是“/第1页”,但是这将不会加载http://example.com/page1,这将打开只http://example.com/page1/

我想这两个路径来加载第1页组件

+0

路径中的用户正则表达式 –

+0

正则表达式如何改变路径?我将匹配路径并加载页面 – John

+0

使用钩子(onEnter和onChange)? https://github.com/ReactTraining/react-router/issues/820#issuecomment-256814655 –

回答

1

以上答案将正常工作,你会达到你所需要的。但是有一个问题!打开开发者工具,然后点击网络选项卡,然后刷新页面....您将看到状态302页面从WITHOUT尾部斜杠路径重定向到WITH尾部斜杠路径。

这并不是很好。至少设置状态为301.

如何设置状态? https://github.com/ReactTraining/react-router/issues/458

+0

为什么我需要301状态?它有什么用处? – John

+0

301是永久重定向。更适合SEO的角度。 – Vikas