Wie kann ich mithilfe von Angular 2 zulassen, dass robots.txt angezeigt wird, ohne dass ein Winkelrouting ausgelöst wird?

Question

Ich verwende Angular 2 und nur eine robots.txt an die Wurzel meiner dist-Ordner auf Produktion (für SEO Zwecke) hinzugefügt

Aber die Datei ist nicht zugänglich, da die URL https://myrandomsite.com/robots.txt nur meinen PageNotFoundComponent umleitet, weil wie mein Routing eingerichtet ist.

Wie kann ich "normal" auf robots.txt zugreifen lassen und verhindern, dass meine Angular 2 routing-Konfiguration ausgelöst wird?

Bearbeiten: Ich benutze Angular2 Frontend mit einem Firebase-Backend.

Answer 1

Das ist kein Angular Problem, es ist eines Ihrer Webserver.

Ihr Webserver sollte eine URL zu einer vorhandenen Datei nicht zurück an /index.html umleiten.

Sehen Sie diese Beispielkonfiguration zum Umleiten mit Regeln IIS:

<rule name="AngularJS" enabled="false" stopProcessing="true"> 
     <match url=".*" /> 
     <conditions logicalGrouping="MatchAll"> 
     <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
     <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
     <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /> 
     </conditions> 
     <action type="Rewrite" url="/index.html" /> 
    </rule> 

IIS wird nicht umleiten, wenn seine eine Datei, ein Verzeichnis oder eine URL mit /api beginnt!

UPDATE

Feuerbasis verwenden, sollten Sie diese Zeilen lesen: https://firebase.google.com/docs/hosting/url-redirects-rewrites