Stammordner meiner Anwendungskonflikte reagieren mit React-Router

Question

Meine Anwendung Reagieren auf www.mywebsite.com/myreact

gehostet wird, wenn ich meine Routen definiert, ich habe so etwas wie getan:

<Router history={history}> 
    <Route path="/" component={App} /> 
     <Route path="login" component={Login} /> 
    </Route> 
</Router> 

Obwohl, es hält beschwert, dass /myreact nicht in der Route definiert ist.

Wenn ich es definieren, auf diese Weise:

<Route path="/myreact" component={App} /> 

und ich versuche, die URL www.mywebsite.com/myreact/login zugreifen zu können, wirft der Browser einen 404 Fehler.

Aber ich kann richtig auf www.mywebsite.com/myreact zugreifen.

Was soll ich tun?

Danke.

Answer 1

Sie sollten in der Lage sein, ein benutzerdefiniertes history Objekt mit einem anderen Basisnamen für Ihre Apps 'root' URL zu erstellen. mit der useRouterHistory Erweiterung, wenn die Geschichte Objekt

https://github.com/reactjs/react-router/blob/master/docs/API.md#userouterhistorycreatehistory

einige relavent Kommentare in this github issue thread

import { createHistory } from 'history'; 
import { useRouterHistory } from 'react-router'; 

const browserHistory = useRouterHistory(createHistory)({ 
    basename: '/myreact' 
}); 

Ihre Routen Erstellen von Dateien jetzt browserHistory

<Router history={browserHistory}> 
    <Route path="/" component={App} /> 
     <Route path="login" component={Login} /> 
    </Route> 
</Router>