Hosten von statische SPA ( z. B. Angular ) birgt Routing-Problem

  • Hallo zusammen,


    ich bin mit meiner single page application (frontend) von Amazon S3 zu netcup umgezogen.

    Nun verhält es sich mit SPAs geschrieben mit Angular wie folgt:

    Auch wenn es nur eine index.html gibt und sonst keine weiteren Dokumente, kann man sich zu bestimmten „Seiten“ routen lassen wie zum Beispiel:

    http://localhost:8080/customers

    Die URI navigiert einen direkt zur Liste der Kunden zum Beispiel.


    Ich habe mit dem Hosting von netcup nun das Problem, dass dann in diesem Fall nach einer statischen „customers“-Datei gesucht wird und dementsprechend mit einem 404-Fehler geantwortet wird.


    Wenn man sich innerhalb der App zu dem Pfad klickt, wird man richtig navigiert und die Adressleiste im Browser ändert sich auch mit. Aber wenn ich denselben Pfad in die Adressleiste eingebe, lande ich bei 404.


    Meine Frage: kann ich irgendeine Einstellung vornehmen, damit dieses Problem gelöst wird?


    Vielen Dank schon mal!

  • ich nutze apache und habe das problem bei mir mit einer .htaccess datei gelöst:

    Code: .htaccess
    1. <IfModule mod_rewrite.c>
    2. RewriteEngine On
    3. RewriteBase /
    4. RewriteRule ^index\.html$ - [L]
    5. RewriteCond %{REQUEST_FILENAME} !-f
    6. RewriteCond %{REQUEST_FILENAME} !-d
    7. RewriteRule . /index.html [L]
    8. </IfModule>

    damit wird dann alles auf die index.html umgeleitet und sollte funktionieren.