Bereitstellen von React App auf Apache Server

Question

Ich habe eine fertige Reagieren-App, die gut auf meinem localhost mit npm start funktioniert. Ich habe das Projekt mit create-react-app erstellt und die npm run build verwendet, um eine Produktions-Website zu kompilieren.

Ich habe den ganzen Ordner mit der index.html auf meinem Webspace. (Sie verwenden einen Apache-HTML-Server).

Ich schaffte es, eine .htaccess Datei zu schreiben, die das HTML korrekt lädt. Jetzt gibt es nur einen weißen Bildschirm. Es scheint, als ob die main.js nicht in die root Div geladen wird.

Der einzige Fehler in der Konsole ist, dass der Service-Mitarbeiter nicht installiert werden konnte, da meine Anfrage nicht von einem sicheren Ursprung stammt. Dies sollte das Rendering nicht stoppen.

Ich bin mir nicht sicher, welche Dateien hier angezeigt werden müssten. Bitte lassen Sie mich wissen, was Sie sehen müssen, um das Problem zu beheben.

Vielen Dank!

Answer 1

Nach dem Ausführen npm run Build Befehl.

Kopieren und fügen Sie alles in Build-Ordner zu Ihrem Server.

Erstellen Sie eine „.htaccess“ Datei und fügen Sie diesen Code-Schnipsel:

Options -MultiViews 
RewriteEngine On 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteRule^index.html [QSA,L] 

Anwendung sollte correctoly arbeiten.