Dies ist das erste Mal, dass ich React and React Router verwende, und ich stoße auf einige Deep-Linking-Probleme. Ich habe ein einfaches SPA erstellt und kann mithilfe von React Router zu mysite.com/work, mysite.com/about und mysite.com/work/:projectid navigieren. Ich kann problemlos zu diesen Seiten navigieren, wenn ich im Stammverzeichnis der Website beginne (z. B. mysite.com und auf "Arbeit" klicke). Das Problem, auf das ich stoße, ist Deep-Linking (manuelles Eingeben von mysite.com/about oder Aktualisieren der Seite auf mysite.com/about). Dies funktioniert alles auf meinem localhost, aber nicht auf der gehosteten Site (die übrigens auf GitHub-Seiten gehostet wird).

Ist das so, weil ich GitHub-Seiten verwende, um meine Site zu hosten? Oder ist das ein Problem mit React Router?

Hier ist ein Teil von main.js:

var routes = (
    <Router history={history}>
        <Route path="/" component={App}>
            <IndexRoute component={Work} />
            <Route path="/work" component={Work} />
            <Route path="/work/:id" component={ProjectDetail} />
            <Route path="/about" component={About} />
        </Route>
        <Route path="*" component={NotFound} />
    </Router>
);

ReactDOM.render(routes, document.getElementById('main'));