title: Angular deployment - 404 on page Refresh
body: <p>i would like to deploy my app in Angular to production server but I have problems. App works corectly when I use only angular routing (change component, not redirecting) but when I refresh the page in browser, I get a 404 page returned from IIS (I use IIS as the web server)</p>
  
  <p>Here is my angular routing:</p>
  
  <pre><code>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' }
  ]
  </code></pre>