wie Slash in hinzufügen reagieren Router Pfad

Question

ich eine Seite entwickelt haben, mit deren Route reagieren

http://example.come/page1

Wenn die URL geladen Ich brauche einen Schrägstrich am Ende der URL wie diese

anhängen

http://example.come/page1/

Meine Routen sind wie diese

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

Ich habe versucht, den Weg direkt zu „/ Seite1 /“ anstelle von „/ Seite1“ zu ändern, aber dies wird nicht laden http://example.com/page1, wird es nur http://example.com/page1/

ich öffnen wollen beide den Pfad der laden Seite1 Komponente

Answer 1

nach dieser Antwort https://github.com/ReactTraining/react-router/issues/820#issuecomment-256814655

mit hooks (onEnter and onChange) mit react-router v2 oder höher kann das erreichen, was Sie brauchen.

Answer 2

Die obige Antwort funktioniert gut und Sie werden erreichen, was Sie brauchen. Aber da ist ein Haken. Öffnen Sie das Entwicklertool und klicken Sie auf die Netzwerkregisterkarte, um Ihre Seite zu aktualisieren .... Sie werden sehen, dass der Status 302 Seite von WITHOUT Trailing Slash Path auf WITH Trailing Slash Path umleitet.

Und das ist nicht sehr gut. Atleast set status to 301.

Wie setzt man den Status? https://github.com/ReactTraining/react-router/issues/458