Veröffentlichen Angular 4 zu Azure

Question

Mit Befehl habe ich Angular-4 App in Dist-Ordner veröffentlicht. Dann in Azure Web App hochgeladen. Alle Dateien werden ordnungsgemäß auf den IIS-Server hochgeladen. Hier ist ein Bild von KUDU Website.

aber Chrome ist nicht in der Lage, diese Dateien zu suchen. Fehler in der Konsole sind 404. Seltsam! Alle Zeiger in der richtigen Richtung würden sehr geschätzt.

Answer 1

hast du deine index.html überprüft, besonders die basis href?

Answer 2

Haben Sie die Datei web.config definiert? Ohne diesen würde IIS nicht wissen, wo er nach den Dateien suchen soll (index.html).

<?xml version="1.0" encoding="UTF-8"?> 
<configuration> 
<system.webServer> 
<staticContent> 
    <mimeMap fileExtension="json" mimeType="application/json" /> 
    <mimeMap fileExtension="woff" mimeType="application/font-woff" /> 
    <mimeMap fileExtension="woff2" mimeType="application/font-woff" /> 
</staticContent>    
    <rewrite> 
     <rules> 
      <rule name="SPA" stopProcessing="true"> 
       <match url=".*\.(js|json|txt|css|map|html|ttf|woff|woff2|eot|svg|png)$" negate="true" /> 
       <action type="Rewrite" url="index.html" /> 
      </rule> 
     </rules> 
    </rewrite> 
</system.webServer>