Angular 2 App bereitgestellt und wirft eine 404, wenn ich gehe zu mydomain.com/search

Question

Ich habe einige Routen definiert. Hier ist ein Ausschnitt:

const appRoutes: Routes = [ 
    { 
    path: '', 
    component: HomeComponent 
    }, 
    { 
    path: 'search', 
    component: SearchComponent 
    } 
] 

Meine App jetzt bereitgestellt wurde, aber ich bin nicht in der Lage zu einer direkten Weg zu gehen wie mydomain.com/search, weil ich mit einem 404. Allerdings behandelt werde, kann ich zu mydomain.com/ gehen und klicken Sie auf eine Link zu /search von der Homepage. Das funktioniert gut.

Ich benutze Apache. Wie kann ich dieses 404-Problem beheben, sodass ich zu mydomain.com/search gehen kann und es funktioniert, indem es mir die Suchseite zeigt?

Ich weiß, es gibt eine Möglichkeit, dies zu tun, Hash-Location-Strategie verwenden, aber ich bin interessiert zu wissen, wie es auf dem Apache-Server tun.

Vielen Dank!

Answer 1

Datei hinzufügen oder httpd.conf

<IfModule mod_rewrite.c> 
RewriteEngine On RewriteBase/
RewriteRule ^index\.html$ - [L] 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule . /index.html [L] 
</IfModule> 

Notwendigkeit AllowOverride Option Verzeichnis in httpd.conf

hier/var/www/html ist die Wurzel meines Projekts in .htaccess

hinzuzufügen

hinzufügen .htaccess-Datei zu einem Projekt

<Directory /var/www/html/> 
    Options Indexes FollowSymLinks 
    AllowOverride All 
    Require all granted 
</Directory>