AzureのAngular2アプリ

Question

Angular2アプリを公開し、Azure Web Appsに配備しました。私はそのルートに参照して、それを起動する場合、アプリケーションが正常に動作します：私は直接アプリケーションで副経路を参照している場合、たとえば、 http://cafeserver.azurewebsites.net/Web/

しかし、この1：それはエラーがスローされます http://cafeserver.azurewebsites.net/Web/customers

「このディレクトリまたはページを表示する権限がありません」と記載されています。

この問題を解決するにはどうすればよいですか？

Answer 1

あなたは、私はアズールにSPAを展開するため、次の設定を使用して角度ルーティングがで蹴ることができるようにindexページへのすべてのルートをリダイレクトするために、あなたのweb.configを更新する必要があります。私のセットアップが要求を免除

<configuration> 
    <system.webServer> 
     <rewrite> 
      <rules> 
       <rule name="SPA"> 
        <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="/" /> 
       </rule> 
      </rules> 
     </rewrite> 
    </system.webServer> 
</configuration> 

注意ファイル、ディレクトリ、および要求URIを/apiとすると、私はこれをバックエンドのHTTPルート用に予約しています。免除の必要に応じて更新することができます。