Nach der Ausführung von Create React App ist npm run build , die erstellte index.html sieht folgendermaßen aus:
Beide, script und link src / href -Attribute, zeigen in die falsche Richtung. Das führende / sollte entfernt werden, da sich alle generierten Dateien im selben Verzeichnis befinden. Ist das ein Fehler oder kann ich diese Pfade irgendwie konfigurieren?
Die generierten Dateien sollen von einem Webserver bereitgestellt werden. Wenn Sie npm run build ausführen, sollten Sie die Anweisungen zum Starten eines einfachen lokalen Webservers in diesem Verzeichnis sehen. Wenn Sie dieses Verzeichnis auf einem echten Webserver bereitstellen und index.html von der Wurzel aus bedienen, funktioniert es auch gut.
Wenn die generierte Datei auf Skripts ohne / verweist, wird Ihre Site unterbrochen, sobald Sie das clientseitige Routing hinzufügen. Wenn sich eine App beispielsweise in mysite.com befindet, aber auch eine URL wie mysite.com/about behandelt, würden relative Pfade dazu führen, dass Skripte von mysite.com/about/*.js geladen werden, was ein Fehler von 404 wäre. Deshalb beginnen alle Pfade standardmäßig mit root.
Wenn Sie Ihre App aus einem Unterverzeichnis (von Beispiel myuser.github.io/myproject ) bereitstellen möchten, müssen Sie "homepage" field in Ihrem package.json hinzufügen, zum Beispiel:
Create React App wird basierend auf der Einstellung homepage den korrekten Root-Pfad ableiten. Diese Funktion ist seit [email protected]
Bitte lesen Sie die Bereitstellungshinweise , um weitere Informationen zu erhalten.
Tags und Links reactjs