Angular deployment - 404 on page Refresh

Question

私のアプリをプロダクションサーバーのAngularに展開したいのですが、問題があります。アプリケーションは、角度ルーティング（コンポーネントの変更、リダイレクトなし）のみを使用しているが、ブラウザーでページを更新すると、コアページで動作します（IISをWebサーバーとして使用しているIISから404ページが返されます）

ルーティング：

const appRoutes: Routes = [ 
    { path: '', redirectTo: '/home', pathMatch: 'full', canActivate: [AuthGuard] }, 
    { path: 'home', component: DashboardComponent, canActivate: [AuthGuard] }, 
    { path: "profile", component: UserProfileComponent, canActivate: [AuthGuard] }, 
    { path: '400', component: ErrorComponent }, 
    { path: '401', component: ErrorComponent }, 
    { path: '403', component: ErrorComponent }, 
    { path: '404', component: ErrorComponent }, 
    { path: '500', component: ErrorComponent }, 
    { path: '503', component: ErrorComponent }, 
    { path: '**', redirectTo: '/404' } 
] 

Answer 1

私は私のアプリでweb.configファイルを変更：index.htmlをで

<configuration> 
    <system.webServer> 
<rewrite> 
    <rules> 
     <rule name="redirect all" stopProcessing="true"> 
      <match url="^(.*)$" ignoreCase="false" /> 
      <conditions logicalGrouping="MatchAll"> 
       <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" /> 
      </conditions> 
      <action type="Rewrite" url="./" appendQueryString="true" /> 
     </rule> 
    </rules> 
</rewrite> 
    </system.webServer> 
</configuration> 

は<base href="./">です。ページをリフレッシュすることは現在OKです。