Fehler, wenn eine direkte URL reagieren-Router mit params Browser übergeben wird

Question

FILES https://github.com/microcyberz/expensify

Wenn ich diese URL zugreifen http://localhost:8081/edit/01 mit eingebauter Navigation von reagieren-Router, es funktioniert gut. Route ist <Route path="/edit/:id/" component={EditExpensePage} />.

Aber wenn ich die gleiche URL direkt in den Browser legen, bekomme ich folgende zwei Zeilen Fehler in der Konsole und Seite wird nichts gerendert.

Fehler

GET http://localhost:8081/edit/bundle.js net::ERR_ABORTED 
GET http://localhost:8081/edit/bundle.js 404 (Not Found) 

werde ich für die Hilfe dankbar sein.

Answer 1

Dies passiert, weil Ihr Server nicht zur Indexdatei umleitet. Ich meine, was ist hinter http://localhost:8081? Ist es ein Knoten? Sind Sie sicher, dass jede einzelne Anfrage auf die gleiche Weise behandelt wird?

Sie können auch überprüfen, wie Sie Ihre bundle.js einschließen. Ist der Pfad relativ wie ./assets/js/bundle.js oder absolut wie /assets/js/bundle.js? Sollte absolut sein.

Answer 2

Hier ist Ihr Problem:

https://github.com/microcyberz/expensify/blob/master/public/index.html#L13

Sie die bundle.js auf den aktuellen Pfad relativ einlegen, anstatt der absoluten von der Wurzel. Ändern Sie dies in /bundle.js und Sie können loslegen.

In Ihrem Beispiel ist die js in Bezug auf die aktuelle URL geladen, die Lösung von /edit/123 zu /edit/bundle.js