2016-11-16 109 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