2017-09-12 1 views
0

Ich hatte seltsames Problem während der Bereitstellung des Angular-Projekts auf meinem lokalen Server. Ich baute das Projekt und kopierte in den Webserver-Ordner, auf den zugegriffen werden kann: http://localhost/angular/Winkelseite nicht gefunden, wenn es aktualisiert wird

base href auch eingerichtet und app funktioniert gut. Wenn ich auf den Link klicke, funktioniert es, zum Beispiel: http://localhost/angular/apartments Aber wenn ich aktualisiere, ist es 404 Fehler wird angezeigt.

+0

haben Sie die SPA Ausweichroute auf dem Server festgelegt? – JayDeeEss

+0

Angular spielt mit der URL, aber wenn Sie die Seite aktualisieren, denkt Ihr Server tatsächlich, dass Sie ihn nach der Wohnungsseite fragen, während Sie tatsächlich Angular fragen! Zwei Wege davon: entweder deklarieren Sie alle Ihre Routen zu Ihrem Server, oder Sie verwenden den Hash wie folgt (in Ihrer RouterModule-Deklaration): 'RouterModule.forRoot (yourRoutes, {useHash: true})' – trichetriche

Antwort

0

, wenn Ihr Server Apache ist einfach eine Datei mit einem von .htaccess diese Daten

<IfModule mod_rewrite.c> 
    Options Indexes FollowSymLinks 
    RewriteEngine On 
    RewriteBase /myappdirectory/ 
    RewriteRule ^index\.html$ - [L] 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule . /index.html [L] <--- get the index.html file path starting from public html folder 
</IfModule> 

Update die letzte Zeile nach dem

speichern Befehl einfügen Namen erstellen und dann Ihre Seite aktualisieren. zum Glück Ihrer Seite funktioniert

Für IIS-Server folgen Sie diesem Link

http://jasonwatmore.com/post/2017/02/24/angular-2-refresh-without-404-in-node-iis

Verwandte Themen